Inserting horizontal line between posts in WP Show Posts

  • hbmacp

    (@hbmacp)


    5 years, 5 months ago

    We use your WP Show Posts to list posts in various parts of our website. An example is https://uuhamilton.ca/tims-cyre-blog/

    Elsewhere in the website, we use Event Organiser to present lists of our events such as upcoming services: https://uuhamilton.ca/upcoming-sermons/. I have figured out a way to add the horizontal line and custom spacing between events in the event list using Event Organiser.

    But, I have not been able to figure out how to do the same for posts using your WP Show Posts plugin. I have spent a bunch of time on your support forum and tried several things in Simple CSS to implement this with no success. My most recent effort was this:

    .wp-show-posts:not(.wp-show-posts-columns) .wp-show-posts-single:not(:last-child) {
    border-bottom:1px solid #D5d34a;
    margin-bottom:10px;
    }

    It doesn’t work.

    Do you have any suggestions?

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Elvin

    (@ejcabquina)

    5 years, 5 months ago

    Hi,

    Your CSS code seems fine.

    I see your site is using a caching plugin.

    Can you purge cache or temporarily disable the caching plugin(autoptimize) and check if it works? Perhaps this is a simple caching issue.

    Also, can you explain how you’ve added the CSS? perhaps you’ve added the CSS on a page specific Simple CSS code area. Doing this will mean the CSS will only apply on the page you’ve placed it to.

    Optimizing Matters

    (@optimizingmatters)

    5 years, 5 months ago

    pro-tip; you can disable Autoptimize on a per-request basis by adding ?ao_noptimize=1 to the URL.

    if the problem is not there at that point, some autoptimize (re-)configuration might be needed to fix this. there are troubleshooting tips and info on how to exclude in the AO FAQ.

    hope this helps debugging,
    frank (ao dev)

    Thread Starter hbmacp

    (@hbmacp)

    5 years, 5 months ago

    Thanks for the suggestions. The problem was not the cache (good suggestion but I had already tried to see if that was the problem). It turns out that the placement of the CSS code was faulty. I moved it to Additional CSS from Simple CSS under Customize and that did the trick. I will need to figure out what the difference is between the two. Any thoughts about the difference in scope or purpose is between the two?

    Optimizing Matters

    (@optimizingmatters)

    5 years, 5 months ago

    Well, one difference is that Autoptimize aggregates & minifies “customize -> additional CSS” as that is inlined, whereas the CSS added by simpleCSS (if I remember correcty) is served by PHP-code, which AO cannot be leave untouched.

    Plugin Support Elvin

    (@ejcabquina)

    5 years, 5 months ago

    @hbmacp

    I moved it to Additional CSS from Simple CSS under Customize and that did the trick. I will need to figure out what the difference is between the two. Any thoughts about the difference in scope or purpose is between the two?

    Simple CSS appears on multiple parts of the site. There’s one on the dashboard, and another on the edit post/page.

    The one on the dashboard (and customizer) applies site wide. It’s supposed to work exactly the same way as if you’re adding CSS on Appearance > Customize > Additional CSS.

    The one on the edit page/post is page/post specific, meaning the CSS you add there only applies to that specific page/post. If you don’t need this, I believe you can just remove the plugin and apply your CSS on the customizer’s Additional CSS.

    @optimizingmatters Thanks for sharing! 🙂

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Inserting horizontal line between posts in WP Show Posts’ is closed to new replies.