Shortcode CSS: Add Spacing and/or a Divider Between Feed Items

IMPORTANT: The below styles are applied to the feed item excerpts that are imported and displayed only when using the Excerpts & Thumbnails add-on along with the free core plugin.

Add more spacing or perhaps add a divider between the feed items in the shortcode display to achieve the look you want.

The below is CSS code that can be copied directly into your theme or child theme‚Äôs stylesheet ( style.css file), or it can be applied through a custom CSS plugin, such as the ones listed below.


CSS to Add a Divider Line between Feed Items & Increase Spacing

li.feed-item {
    border-bottom: 1px dashed #7c9b30;
    padding: 20px 0;
}

And much more...

For more ideas on how you can style the feed item excerpts and thumbnails,  please visit this page.


EXAMPLE

Once the above CSS to modify padding and add a bottom border between feed items is added to your WordPress site, the shortcode display will change as seen below.

Before:

After:

Still need help? Contact Us Contact Us