Return to previous page

Translation Text Position and Alignment - by hassansh

This topic has 9 replies, 3 voices, and was last updated 2 years, 7 months ago ago by Olga Barlow

hassansh

Participant

August 31, 2021 at 15:05

I have translated the website using TranslatePress to Arabic, but the position alignment of the text changed and in some cases the Arabic text is overlapping images ). While in English it is perfectly positioned , how can I ensure the postion of text in Arabic in the same positions of English while keeping RTL?

Thank you

Please, contact administrator
for this information.

#300695 Copied Theme version: 8.0.5

8 Answers

Rose Tyler

Support staff

August 31, 2021 at 17:07

Hello,

Please provide URL and temporary wp-admin access, so we can take a closer look.

Regards

#300733 Copied

hassansh

Participant

September 2, 2021 at 14:20

wafergy.shop

Please contact administrator
for this information.

#301079 Copied

Rose Tyler

Support staff

September 2, 2021 at 16:56

Fixed by the next custom CSS code https://prnt.sc/1r1nap8

Regards

#301114 Copied

hassansh

Participant

September 7, 2021 at 13:01

Thank you for fixing this! But please check in the attached images, text in the circled area is aligned to the left, how can that be fixed to have it aligned to the right?

Thank you

Please contact administrator
for this information.

#301544 Copied
Rose Tyler

Support staff

September 7, 2021 at 15:21
Add the next code in Theme Options > Theme custom CSS:
```
.rtl form.wpcf7-form label,
.rtl .vc_custom_heading {
    text-align: right !important;
}
.rtl div.mobile-menu-content .et_b_header-menu .menu li a .et-icon {
    margin-right: 0;
}
```
Regards
#301562 Copied
hassansh

Participant

September 9, 2021 at 13:53

Thank you, this has fixed the issue but has aligned the text circled in red to the right, which is supposed to remain in the center. How can I keep that text only in the center?

Thank you

Please contact administrator
for this information.

#301766 Copied
Rose Tyler

Support staff

September 10, 2021 at 07:22
Hello,

Add custom class https://prnt.sc/1roluhu , for example, custom-right for heading that should be right aligned, then change this code https://prnt.sc/1rolmfl to
Also, if you are using WPBakery, Elementor plugin can be disabled.
```
.rtl form.wpcf7-form label,
.rtl .custom-right {
    text-align: right !important;
}
.rtl div.mobile-menu-content .et_b_header-menu .menu li a .et-icon {
    margin-right: 0;
}
```
Regards
#301835 Copied
Olga Barlow

Support staff

September 10, 2021 at 07:24

Hello,

Add the custom class for the custom headings that you want to align center
https://prnt.sc/1rom12v
Check page now.

Regards

#301836 Copied
Viewing 9 results - 1 through 9 (of 9 total)