Home › Forums › Weaver Show Posts & Show Sliders › show-posts direction
- This topic has 14 replies, 3 voices, and was last updated 1 month, 1 week ago by
hosh.
-
AuthorPosts
-
December 11, 2021 at 14:43 UTC - Views: 72 #69799
hosh
ParticipantI am using Weaver Xtreme Plus with the show-posts plugin.
I have a bilingual hebrew – english site and use “show-posts” to create a grid of posts in 3 columns.
The columns are populated with posts from left-to-right, regardless of the language / text direction.
The expected behavior would be that in right-to-left language (like Hebrew), the columns would be populated with posts from right to left.
Is there a way, maybe through CSS, to get “show-posts” to align right-to-left, please?
December 11, 2021 at 17:17 UTC - Views: 76 #69801scrambler
ModeratorThe CSS rule below added to the theme Global Custom CSS rule box should do it
.atw-content-3-col {float:right;}
If not, post back with the rule in place and give us a link to the site.
@weaver, should the Post order in columns be reversed when a site use RTL layout?December 11, 2021 at 19:20 UTC - Views: 68 #69802hosh
ParticipantHi Scrambler: thanks – that does it. (Placed the rule in the custom CSS rule box of the plugin.)
I was expecting that rule would float also the columns of the English pages to the right, but for some reason, it doesn’t (which is good).
December 11, 2021 at 20:07 UTC - Views: 71 #69803hosh
ParticipantSorry: it does float the columns of the English pages to the right, after all. (I must have been looking at a cached version previously.) Is it possible to write a rule that would hold good for RTL languages, but not for the LTR languages ? I have tried .atw-content-3-col {float:inherit;} but that doesn’t do it (creates only one column).
The Hebrew page is https://mindfulness-israel.org/about/
The English page is https://mindfulness-israel.org/about-2/
Thanks
December 15, 2021 at 06:32 UTC - Views: 55 #69823hosh
Participantany other ideas on this please?
December 15, 2021 at 17:00 UTC - Views: 57 #69825scrambler
ModeratorIf you want the rule to only apply to rtl pages, change the rule to
.rtl .atw-content-3-col {float:right;}
January 7, 2022 at 08:35 UTC - Views: 47 #70210hosh
ParticipantThank you Scrambler (saw this only now). That’s perfect.
October 24, 2023 at 19:36 UTC - Views: 36 #73543hosh
ParticipantComing back to this a couple of years later, I find that the rule is still not working consistently across all the RTL pages of the site. It works fine on the home page, but not, for example, here:
&
(on this page, it creates an additional problem, of leaving awkward white space between rows.)
I have tried to add the rule in the custom css for the page, but wasn’t sure how to do this.
Any ideas please?
October 24, 2023 at 20:30 UTC - Views: 34 #73544User
Participant@hosh
The extra white space issue seems to be only on the pages where the rtl title is above the image.
Where the rtl title is below the image (majority) there are no extra spaces showing and all looks fine
Can you confirm that is what you see too?
Regards!
October 25, 2023 at 08:02 UTC - Views: 26 #73545scrambler
ModeratorThe issue is because we missed one rule the other time. Not only do we need to change the float to right, but there is a clear that needs to be changed to
Add the rule below next to the float one.
.rtl .atw-content-2-col:nth-of-type(odd), .rtl .atw-content-3-col:nth-of-type(3n+1) {clear: right !important;}
If after that you still have the extra white space, please elaborate as I am not sur what you mean.
October 25, 2023 at 09:40 UTC - Views: 25 #73547hosh
ParticipantHi – no, that’s not it. We are speaking of the RTL titles of the posts included in the filter. These are below the images. The primary issue is not the white space, but the direction in which the posts are populated to the page. In right-to-left languages, they should populate from right to left. On the home page, this works fine. On some of the subpages, no. On one of these pages, the posts are presented from right to left in Vivaldi browser (Chrome derivative), but not so in Firefox.
I have tried
- to see if it might be differences in the Show Posts filter, but can’t find anything.
- changing the show posts options from “filter name” to “using parameters”
- changing between classic and block editors
- enclosing the “show posts” filter within paragraph tags.
It’s a very elusive problem. I think that white space issue between groups of posts is just a symptom of the wrong directional presentation, because in Vivaldi browser, when the direction is correct, this does not occur.
October 25, 2023 at 11:58 UTC - Views: 21 #73548scrambler
ModeratorMay we are speaking of different things, but there is a layout bug caused by the lack of the rule I mentioned.
Can you add the rule and post back, then we can take it from there.
October 26, 2023 at 05:44 UTC - Views: 13 #73550hosh
Participant@Scrambler: sorry, I didn’t see your earlier post – after seeing the @user’s post I was too busy making various tests.
Your CSS fix solves both problems mentioned: the presentation of the posts (in boxes) from right to left, and the white space that sometimes was appearing when there are multiple rows.
I suspect that the break rule will also solve a third issue, that when there’s a show posts row, and then a heading announcing another show posts filter, there’s sometimes a problem that the heading gets mixed up with the following row. (I usually have managed to fix the problem in the html with breaks or horizontal lines, but it’s always a pain.)
I will put the fix also in the other 2 Hebrew – English sites that I manage, and @Weaver should maybe consider putting this rule in the theme or the plugin.
Now there’s a similar problem of the right-to-left presentation of the posts in the Pages with Posts template. Shall I open a separate ticket for that?
October 26, 2023 at 07:28 UTC - Views: 9 #73551scrambler
ModeratorGlad that did fix the problem.
Please open a new ticket with all the details for the new issue
October 26, 2023 at 07:30 UTC - Views: 6 #73552hosh
Participantthanks! will do.
-
AuthorPosts
- You must be logged in to reply to this topic.