[Resolved] Alternating Row Display – Site Library Template Dispatch

[Butch Pornebo]

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

[Elvin]

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.

[Butch Pornebo]

Thank You … Work like a charm

[Elvin]

Nice one. No problem. 😀

[Butch Pornebo]

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.

[Ying]

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

[Butch Pornebo]

cool. works like a charm 🙂

[Ying]

No problem 🙂

[Author]

Posts