Support » Plugin: WP RSS Aggregator » Custom CSS Class for Templates

  • Resolved abkabk

    (@abkabk)


    Hello,

    I have just started using this plugin and it works great. Many thanks for this excellent plugin.

    I have created a template and trying too use Custom CSS Class for that template. However, it doesn’t seem to change anything to that template. Am I missing something?

    Could you please explain how to use Custom CSS Class in a template with an example please?

    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Miguel Muscat

    (@mekku)

    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?

    Plugin Author Mark Zahra

    (@markzahra)

    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.

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.