text-align: right; css not working

  • Resolved blogdropper

    (@blogdropper)


    6 years, 7 months ago

    Hi, I have a couple of tabs with Arabic and Hebrew text, for these 2 tabs I’ve added a class=”rtl-opt” option and I’ve added .rtl-opt {text-align: right}, but the text for these 2 tabs remains left aligned – I also tried {direction: rtl} but this is also ignored.
    If I specify other css eg. {font-size: 2em;} this works fine, just anything to do with text alignment is ignored.
    Any help much appreciated.

    David

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter blogdropper

    (@blogdropper)

    Hi, After inspecting the source (f12), I found this workaround for the Arabic and Hebrew tabs – content and heading:
    #elementor-tab-content-1933 .tagindex ul li {text-align: right;}
    #elementor-tab-content-1935 .tagindex ul li {text-align: right;}
    #elementor-tab-content-1933 .tagindex h4 {text-align: right;}
    #elementor-tab-content-1935 .tagindex h4 {text-align: right;}

    Not a general solution – need to check source for each #elementor-tab-content-9999 number

    Like to have a solution using the class= option

    Plugin Author tugbucket

    (@tugbucket)

    So with your class did you try:

    #mcTagMap.rtl-opt .holdleft, #sc_mcTagMap.rtl-opt .holdleft { text-align: right; }

    Because you need to override the container .holdleft

    Plugin Author tugbucket

    (@tugbucket)

    In v15.0.2 I removed the CSS for text-align: left noted above.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘text-align: right; css not working’ is closed to new replies.