Shortcode CSS: Change the Feed Item Excerpt Styles

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. 

Change the feed item excerpt font style for each feed item 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 Modify Feed Item Excerpt Font Style

.wprss-feed-excerpt {
    font-size: 12px;
    color: #d9d9d9;
}

Besides modifying the font size and colour of the feed item excerpt, you could also add an underline to the text, and tweak the margin and padding...

Text decoration

.wprss-feed-excerpt {
    text-decoration: underline;
}

Margin and padding

.wprss-feed-excerpt {
    margin-top: 10px;
    padding-left: 5px;
}

And there's much more...

For more ideas on how you can style the feed item excerpts, you can check out this MDN Web Docs tutorial to know everything about CSS.


Example

Once the above CSS to modify font size and colour is added to your WordPress site, the shortcode-based display will change as below.

Before:

After:

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us