I wanted to create an Arabic Page | Community
Skip to main content
R
Ronnie09
Level 6
September 29, 2022
Solved

I wanted to create an Arabic Page

  • September 29, 2022
  • 1 reply
  • 562 views

How can I align components to drop right to left instead of left to right?

 

I tried RTL property it simply aligns the text to the right.

Eg: We have a logo on the left for the English page.

Now Logo should appear on right on the Arabic page this type of RTL stuffs how can we achieve? Every component during authoring also should shuffle to RTL.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by arunpatidar

You need to change the floating order of container component

Example :

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--12 {
    float: right;
    clear: none;
    width: 100%;
}

1 reply

arunpatidar
Community Advisor
arunpatidarCommunity AdvisorAccepted solution
Community Advisor
September 29, 2022

You need to change the floating order of container component

Example :

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--12 {
    float: right;
    clear: none;
    width: 100%;
}
Arun Patidar
    Terms & ConditionsAccessibility statement

    Loading footer...