Custom CSS Class for Templates

Sure thing @abkabk!

Classes are like names for specific parts of a webpage. They are applied to the code of the webpage and are thus invisible. These names should not have spaces, and typically use dashes or underscores instead. For example: “my-feed-list”

We offer this option to allow you to name the feed lists that use that template, so you can then add custom styling using CSS (a styling language) to your feed list. One way of adding styling is through the WordPress Customizer found in “Appearance > Customize”. You should have an “Additional CSS” option there.

From there you’ll have to learn some CSS. It’s a relatively simple language to learn and you can find plenty of resources online such as W3Schools and CSS Tricks.

Thanks Miguel @mekku

Here is what I did, which is not working. Please let me know if I am doing something wrong.

1. In “Appearance > Customize > Additional CSS”, I added the following;

.my-css {
font-size: 35px;
}

2. Created a new template named ‘New Template’. On this templates page, added following in the box;

Custom CSS class name: my-css

The font size specified in .my-css does not take effect on the RSS feed items rendered by the shortcode where ‘New Template’ is used. Nothing changes.

Am I doing something wrong?

The CSS classis being applied to the template correctly in that case, however, you also need to specify which element of the template that the font size CSS should apply to.

Could you share the page where you have the feed items displayed and let me know which element you want to apply the font size to? I’ll send you the CSS you need to get it working and explain how to set it up.