RTL bug with color selection elements

hi,
thank you, but i don’t understand the solution. :)
for content elements like the blog teaser, it is definietly a bug that the table is not filled from right to left.
also for the other elements, i think that the graphic elements need to be positioned from the right, not from the left.
could you please check ?
thank you :)

okay, done. :)
can you afterwards quickly explain what you did so i can repeat sometimes if needed?
thanks :)

hi josue,
thank you. but we are seeing no change whatsoever.
if you look at the start page, all the individual advanced elements of the enfold theme are still right-ro-left instead of left-to right.
we have one extra element in all the themes, in separate lines. all these elements would be positionied right in a rtl-language. they are still left as in a ltr language.
thanks
matthias

Hey Josue,
thank you so much. :) Actually, it’s not the hebrew (I am not super specilized either), but any RTL language will cause this issue.
I append three screenshots in the private area. these are all from the main page, which you could compare.
The elements are different content elements of the advanced editor you use.
All these elements are content elements that are comparable to a sentence or a list of things.
Since you start RTL (right to left) from the right side, they should always start at the right side.
This means, that obviously the content elements i circled should be right-bound instead of left, but also that the elements, for example blog posts, should start from the right and then be added towards the right.
okay? :)
thank you so much. :)
Matthias

Hi,
thank you for trying. :)
I attach screenshots of the result of this fix.
Basically, the layout collapsed into a little chaos at various positions.
As you can see, at some points elements lost their fixed positions and started to float around out of rows and columns. At the blog page, the middle and right photos merged togeether.

As soon as I removed the fix, everything looked orderly again, apart from being not rtl as it should.

Please look at this again.
Could you note a bug for the metafizzy isotope script so that it goes rtl? The enfold theme is advertised as RTL, so the elements should respect the correct order.

Thank you :) Matthias

• This reply was modified 8 years, 9 months ago by mattbo.

Hey Ismael,

thank you! We are heading into a good direction now. :)

there are some remaining issues that you can see at the home page of the site we are talking about.
some of the elements are not on line any more regarding the column structure, for example the first element with yellow/orange background now goes to the left instead of staying in the center, and if you scroll down a bit, there are elements that go to the right instead of staying in the middle.

could you check that?

thanks
ma.

hi, thanks for the advice.
we did that, updated the custom-css in the child theme and set the rtl-selection id into the first color selection.
however, there is no change at all.
can you please check? thanks.
could you also tell us how this will proceed in the future? i suppose that next versions of the theme will repair these issues so that we don’t have to use custom css in every single element we use?
thanks :)

hi andy,
the code was in the manually uploaded css file of the child theme, but i now addded it also to quick-css.
however, there is no improvement. could you check again ?
thanks
matthias

Hi Andy,
I did.
If you are missing the custom css somewhere where i did not put it, please tell me where. It is already for example in the relevant field where currently the element is left-oriented outside of the column.
Thanks :)

hey andy,
thank you. i admit we had a rather long list of topics with the rtl-mode of the theme.
most seems much more civilized than at the beginning, thanks to you and your wonderful team.
however, things are not completely finished yet.
if you look at the two screenshots, you can see that the vertical centering of the elements got lost in the way.
some of the elements are not following the borders on the right and left, for example at the first picture you see the element in yellow/orange tending towards the left.
could you check this?
thanks :)
m.

hi andy,
thanks for your reply.
i think a mockup is not really necessary: all the items should be in line vertically, just like they would be in left-to-right-mode.
this meand the orange/yellow element should not be dragged to the left, outside of the vertical alighment as it is now. similarly, the bullet points of the second screenshot should not be going out of the alignment to the left, as they currently do.
the elements should just be in a normal alignment to each other.
if you still don’t think it’s clear, i can draw you something.
thanks
matthias

hi andy,
ok, thank you. please find the screenshot attached.
i painted two vertical lines at each side, where the edges of the tags are supposed to be.
you can see that with rtl, there are some issues:

– the yellow/orange text area under the first image section is breaking out on the left side, it should be centered

– in the following two areas, the one with the texts, and the one with the texts and the symbols, they are left-oriented instead of sticking to the right.

thank you! :-)
m.

Hi Andy,
thanks.
2) the text is right-oriented, but the elements contianing the text are not, they are left oriented. in a rtl-environment, both the texts and the elements containing them should be starting at the right side. :)

thanks