Slider text alignment with translation Plugin?

[Rachel]

hi, I’m using a translation plugin on this site: https://greendoctors-london.org/ar/

You can see that for the right to left languages like Arabic, the slider text moves to the right, overlapping the image of the person. See image: https://imgur.com/Kjj5SZU

I asked the Plugin developer https://translatepress.com/ for a fix and they suggested this CSS (for Arabic):

.translatepress-ar .slidedesc {
text-align: right !important;
}

However it does NOT work. Can you suggest any amends to the CSS that may be needed? thanks

Rachel

[Forum Moderator]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.rtl .slider-main .nivo-caption .nivo-caption-content {
    float: left !important;
}

Regards,
Dave

[Author]

Posts