Archived topic
Alternating Row Display - Site Library Template Dispatch
7 replies · Started by Butch Pornebo on February 17, 2021
Using Site Library Template Dispatch
https://gpsites.co/dispatch/
If you scroll down you will see a HEADING "A Category"
Featured Image is on the left & excerpt on the right
What css mod can I use to have it alternating?
Odd row: Featured Image left side, excerpt right side
Even row: Featured Image right side, excerpt left side
Hi there,
The particular style you want is actually available when you purchase WP Show Posts Pro.
See the demo here: https://demos.wpshowposts.com/cards/
I believe "Polaroid" style is what you're aiming for.
Or you can try custom CSS:
section#wpsp-1279 article.wp-show-posts-single:nth-child(even) .wp-show-posts-inner {
flex-direction: row-reverse;
}
Change the 1279 in section#wpsp-1279 to the WPSP id you want to apply this on.
Thank You ... Work like a charm
Nice one. No problem. :D
A couple of spacing considerations I would like change, I guess using CSS mods.
Please see screenshot url on private info.
1) No margin and/or padding to have the corners touching.
2) Padding and/or Margin on left side of text
3) Padding and/or Margin on right side should be same on left side.
Hi Butch,
For 1), go to Dashboard > WP show posts > Align > Columns, set Columns gutter to 0.
To make 2) and 3) the same:
#wpsp-1279 .wpsp-content-wrap {
padding-right: 1.5em;
}
Just to be clear, the CSS Elvin and I provided are targeting the specifc WP show post list, once you uploaded your own posts or created new lists, and you would like to replace with the new WP show post list ID, you can find the ID here :)
https://www.screencast.com/t/ChKV5A4y30
cool. works like a charm :)
No problem :)