[Resolved] Alternating Row Display – Site Library Template Dispatch

Home Forums Support [Resolved] Alternating Row Display – Site Library Template Dispatch

Home Forums Support Alternating Row Display – Site Library Template Dispatch

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1662600
    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

    #1662608
    Elvin
    Staff
    Customer Support

    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.

    A wise man once said:
    "Have you cleared your cache?"

    #1662692
    Butch Pornebo

    Thank You … Work like a charm

    #1662928
    Elvin
    Staff
    Customer Support

    Nice one. No problem. πŸ˜€

    A wise man once said:
    "Have you cleared your cache?"

    #1663390
    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.

    #1663540
    Ying
    Staff
    Customer Support

    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

    #1663582
    Butch Pornebo

    cool. works like a charm πŸ™‚

    #1663588
    Ying
    Staff
    Customer Support

    No problem πŸ™‚

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.