MP: Newsblock Colours

[Anonymous]

Hi,

How do you make the category background colours different as seen in your demo image. I can only seem to change it to one colour.

Thank you

[Axle Support]

Hello,

Different category background color is displayed in Featured News section only. In the widgets, same color is used for the background.

Can you please share your site URL? It will help us for the support.

Thanks

[Anonymous]

Hey,

Here is the link.

The category colours are all the same. I was hoping to change them to different colours like you have in the preview image for the theme.

Thank you

[Axle Support]

Hello @joel

We have that option only for the mentioned section like on the demo, if you want same on the other category option you just have to do it a bit of CSS customization.

Adding some CSS regarding the button background in your customizer -> Additional section will help you.

Hope this solves your problem

[Anonymous]

Hey,

Thank you but i’m not exactly sure of the CSS to add. Can you please clarify?

Thanks

[Axle Support]

Hello @joel

Here is your CSS

.news-block-widget .news-categories {
    background: #227b13;
}

.news-block-widget .news-block-item span.news-categories a:hover {
    background:#303030;
}

.news-block-widget .news-block-item:nth-child(2n) .news-categories {
    background: #00b9eb;
}

.news-block-widget .news-block-item:nth-child(4n) .news-categories {
    background: #ff9223;
}

.news-block-widget .news-block-item:nth-child(5n) .news-categories {
    background: #92328f;
}

Hope this solves your problem.

Regards,

[Author]

Posts