subscribe options do not display properly with rtl languages

Hello @matthieulllrc,

Thanks for the fix!

If we add the following to PowerPress, would this solve the problem permanently?

html[dir="rtl"] .pp-sub-widget a.pp-sub-btn {
   text-align:left;
}

I think this will work as long as the direction is set at the HTML level.

Thanks,
angelo

Hello Angelo,

The subscribe.css file currently contains text-align:left;.
It has to be removed, not added.
When the text alignment is remove display is correct with both ltr and rtl languages.

Regards.

Oh good to know.

Can the text be centered?

Thanks,
Angelo

Hello Angelo,

No, I do not think so. It would look weird.

The text is correctly displayed without the text-align property: the text is naturally left-aligned with left to right languages et right-aligned with right to left languages, as it should be.

You can see it on our web site:
LTR language (english): https://www.rcinet.ca/en/podcasts/
RTL language (arabic): https://www.rcinet.ca/ar/albawdakast/

So the only thing to do is to remove the text-align:left; property wich serves no purpose in LTR languages and causes incorrect display in RTL languages.

Regards.

Hello @matthieulllrc,

Thanks for being patient with me. I am trying to see what will cause the least amount of disruption for existing users. The challenge is we put the align right because many themes do not align the text in the sidebar in the same way. The align center was just a personal question if we redesign the buttons to be centered if that would work but apparently that is also a no.

I am exploring options, but what we may do is have a RTL option which switches the CSS file that is used to not include the text-alignment.

Thanks,
Angelo

Hello Angelo,

Ah, I understand, the same css is also used for the widgets.

In your first message, you submitted this code snippet:

html[dir="rtl"] .pp-sub-widget a.pp-sub-btn {
   text-align:left;
}

I guess that you might use the same logic but inversed, i.e.

html[dir="rtl"] .pp-sub-widget a.pp-sub-btn {
   text-align:right;
}

Regards.

Thanks for your feedback! We are releasing another update soon, after that release we will be addressing this with a permanent option to solve it for both the sidebar widget as well as the subscribe shortcode.

Thank you !

Regards.

This is from Angelo:

We have a new beta version of the next release of PowerPress available that addresses the problem above.

Download here: https://create.blubrry.com/resources/powerpress/powerpress-beta/

To turn off the styling, go to PowerPress Settings > Website tab, near the bottom under the section titled “Subscribe Widget” select “Yes” next to “Custom CSS styling?” to not have the “!important” and “text-align:left” styling added to the CSS.