# How to mirror the Title Component so that the Image and text runs from right to left?

**URL:** <https://community.glideapps.com/t/how-to-mirror-the-title-component-so-that-the-image-and-text-runs-from-right-to-left/79582>\
**Category:** Ask for Help\
**Created:** [January 27, 2025, 7:06pm UTC](https://community.glideapps.com/t/how-to-mirror-the-title-component-so-that-the-image-and-text-runs-from-right-to-left/79582 "2025-01-27T19:06:08Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![ToOFa\_Apps](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/toofa_apps/32/36816_2.png) [@ToOFa\_Apps](https://community.glideapps.com/u/ToOFa_Apps)\
**Post date:** [January 27, 2025, 7:06pm UTC](https://community.glideapps.com/t/how-to-mirror-the-title-component-so-that-the-image-and-text-runs-from-right-to-left/79582/1 "2025-01-27T19:06:08Z")

</div>

I’ve seen CSS to flip the whole page left to right. I just want the title component to be flipped right to left.

---

<div class="post-metadata">

**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\
**Post date:** [January 27, 2025, 7:09pm UTC](https://community.glideapps.com/t/how-to-mirror-the-title-component-so-that-the-image-and-text-runs-from-right-to-left/79582/2 "2025-01-27T19:09:31Z")

</div>

The property to use is `text-align:right`.

---

<div class="post-metadata">

**Author:** ![ToOFa\_Apps](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/toofa_apps/32/36816_2.png) [@ToOFa\_Apps](https://community.glideapps.com/u/ToOFa_Apps)\
**Post date:** [January 27, 2025, 7:13pm UTC](https://community.glideapps.com/t/how-to-mirror-the-title-component-so-that-the-image-and-text-runs-from-right-to-left/79582/3 "2025-01-27T19:13:11Z")

</div>

Okay thanks, are you able to type exactly what i need to put in the CSS.  
I don’t understand CCS, i just copy and paste, and sometimes Chat GPT gives variations that work🙈

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [January 28, 2025, 1:27am UTC](https://community.glideapps.com/t/how-to-mirror-the-title-component-so-that-the-image-and-text-runs-from-right-to-left/79582/4 "2025-01-28T01:27:05Z")

</div>

![CleanShot 2025-01-28 at 08.26.43](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/0/a0ef1acf60be312cc54b2cd26073d1b959dd2925.png)

I assume you want something like this.

```auto
.adjusted-title .single-column,
.adjusted-title div[class*="wire-hero-lib___StyledDiv"] {
flex-direction: row-reverse;
}

.adjusted-title div[class*="wire-hero-lib___StyledDiv"] {
text-align: right;
}

```

---

<div class="post-metadata">

**Author:** ![ToOFa\_Apps](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/toofa_apps/32/36816_2.png) [@ToOFa\_Apps](https://community.glideapps.com/u/ToOFa_Apps)\
**Post date:** [January 28, 2025, 1:28pm UTC](https://community.glideapps.com/t/how-to-mirror-the-title-component-so-that-the-image-and-text-runs-from-right-to-left/79582/5 "2025-01-28T13:28:46Z")

</div>

Yes, exactly. Will test that out, thanks👍