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

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

  • Avatar: Tamer_Omar
    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.
    8 Answers
    Avatar: Olga Barlow
    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

    Avatar: Tamer_Omar
    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

    Avatar: John Holden
    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

    Avatar: Tamer_Omar
    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;
    }

    Avatar: Olga Barlow
    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

    Avatar: Tamer_Omar
    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

    Avatar: Olga Barlow
    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

    Avatar: Olga Barlow
    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

  • Viewing 9 results - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.Log in/Sign up

Helpful Topics

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.