Shortcode CSS: Change the Feed Item Title Styles

Change the feed item title 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.

• Simple Custom CSS
• WP Add Custom CSS
• Simple Custom CSS & JS

CSS to Modify Feed Item Title Font Style (when Title IS a Link)

li.feed-item a {
    font-size: 24px;
    color: #123456;
}

Besides modifying the font size and colour of the feed item title, you may also modify the following:

Text colour on hover

li.feed-item a:hover {
    color: #000;
}

Text colour for visited links

li.feed-item a:visited {
    color: #7fcaad;
}

Text decoration on hover

li.feed-item a:hover {
    text-decoration: underline;
}

And much more...

For more ideas on how you can style the feed item title links,  please visit this page.

CSS to Modify Feed Item Title Font Style (when Title IS NOT a Link)

li.feed-item {
    font-size: 24px;
    color: #abcdef;
}

And much more...

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

EXAMPLE

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

Before:

After: