August 6, 2020 at 6:11 pm #47271
When using rtl languages such as Arabic, the theme correctly switches the direction to RTL. However, in RTL mode the default text align should be right (not left). I fixed this by adding “text-align: right;” to the body attribute in rtl.css. Now most of the texts are correctly shown at the right side. One problem remains in H1 (maybe other headers as well). H1 has an inline style of “text-align: left;” that over-rides the setting in rtl.css. How can this be fixed so that H1 is also shown right aligned?August 7, 2020 at 9:13 am #47284
Can you please share your site URL it will help us to provide you a better solution.
Many ThanksAugust 7, 2020 at 10:43 am #47289August 7, 2020 at 4:57 pm #47296August 8, 2020 at 9:29 am #47313
Kindly follow the steps below to align h1 tag heading to right.
Go to Dashboard >> Appearance >> Customize >> Additional CSS >> Paste the given CSS on it >> Publish.
text-align: right !important;
Many ThanksAugust 8, 2020 at 2:26 pm #47320
Thank you. This solution works when the site has only one language. However, when the site has English in addition to Arabic, the English h1 will also be right sided now. How can this be applied to RTL languages only?
Best RegardsAugust 10, 2020 at 10:02 am #47348
- You must be logged in to reply to this topic.