Home › Forums › WoodMart support forum › add CSS styles only for rtl

add CSS styles only for rtl

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 8, 2021 at 1:47 pm #337790

    Dmitrygolova
    Participant

    How to add CSS styles only for <html dir = “rtl” lang = “he-IL”> site in this orientation.
    for example: rtl .wd-nav-main> li> a, .wd-nav-secondary> li> a {font-size: 16px;}
    These styles should only work for rtl pages.

    Or is there a special rtl orientation class to increase the size of fonts only for these pages?
    thanks

    December 9, 2021 at 3:23 pm #338182

    Elise Noromit
    Member

    Hello,

    When you set any RTL language in your site, the body gets class “rtl” https://prnt.sc/22gda16

    And this class enables RTL layout.

    Here is the sample of the custom for RTL: 

    .rtl .title {
text-align: right;
}

    If you have any questions please feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)