Return to previous page

Problem in RTL layout - by Tamer Omar - on WordPress WooCommerce support

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

Tamer Omar

Participant

November 3, 2019 at 13:46

Hello,
I have a problem with RTL layout in header and pages
here are some screenshots for that:
https://prnt.sc/pru4ct
https://prnt.sc/pru4rc
https://prnt.sc/pru55s
https://prntscr.com/pru5gi

Also, I would like to know how to change fonts in my RTL site only
Thank you!
mobile layout:
https://prntscr.com/pru6qh

Thank you

Please, contact administrator
for this information.

#224228 Copied Theme version: 6.1.5 WooCommerce version: 3.7.1

8 Answers

Olga Barlow

Support staff

November 4, 2019 at 17:37

Hello,

1) Manage alignment of the menu using menu settings of the header builder http://prntscr.com/psc0mn
2),3) What exactly is wrong with titles on the home page https://gyazo.com/f8acc3a4c7a01374c9d323bb3d1efd37 They are center-aligned according to your settings http://prntscr.com/psc8yo .
4) Disable the sidebar if you don’t need it for the cart page http://prntscr.com/psc9v5
5) Do you want to align to left the menu items? http://prntscr.com/psc51z
6) There is no option to change the font for the RTL version only.

Regards

#224289 Copied

Tamer Omar

Participant

November 5, 2019 at 05:53

Thanks for your help with all issues
about point no.5 it was about margin and i found how to fix it inside header builder…
about RTL fonts please can I use special CSS or something the site is not beautiful such as in English
Thanks again you helped me a lot

#224318 Copied
John Holden

Support staff

November 5, 2019 at 06:15
Hi,

You can use Custom CSS if you want to change font-family for RTL. You can try below code

body.rtl p{ font-family: 'Put font-family name here' !important; }

Regards,
Hung PD
#224322 Copied
Tamer Omar

Participant

November 5, 2019 at 10:24

Thank you
I did but I don’t know how to use it https://prntscr.com/psn5sx

body.rtl p{
font-family: ‘Harmattan’ !important;
}

#224329 Copied

Olga Barlow

Support staff

November 5, 2019 at 12:38

Hello,

Read more here about loading of the additional font using CSS https://css-tricks.com/snippets/css/using-font-face/
First of all, you need to load the font using @font-face rule and then use the next CSS rule to apply it for the necessary elements like
body.rtl p, .rtl h1, .rtl h2, .rtl h3, .rtl h4, .rtl h5, .rtl h6, .rtl .products-title etc

Also, try to use the different type of quotes https://prnt.sc/psp6e8

Regards

#224341 Copied

Tamer Omar

Participant

November 5, 2019 at 20:07

I’ll do I changed quotes and it’s working now but for paragraphs only, I’ll learn more about and if I need help I’ll ask you.
Thanks a lot for your help
greetings

#224378 Copied

Olga Barlow

Support staff

November 5, 2019 at 20:49

Hello,

You are welcome. Feel free to contact us if you need any other help.

Regards

#224386 Copied

Olga Barlow

Support staff

November 5, 2019 at 20:49

Hello,

You are welcome. Feel free to contact us if you need any other help.

Regards

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