change background and text color Feature Grid Block

Hi @evabo!

The background and text color for Feature Grid block are in our suggestions list. ??
In the meantime, this is currently achievable using CSS.

Here’s a sample CSS for them:

/* Change Feature Grid background color */
.ugb-feature-grid__item {
	background-color: #ff0000;
}

/* Change Feature Grid title color */
.ugb-feature-grid__title {
	color: #00ff00
}

/* Change Feature Grid description color */
.ugb-feature-grid__description {
	color: #00ff00
}

Hi @gambitph,

Thanks! I used the css, but unfortunately nothing changes… Can I send you a link via e-mail or any ohther pm?
Thank you!
Eva

Hi Eva,

Sure, you can send me a link via e-mail at [email protected]

Anyway, if you feel like giving another try, please make sure to add !important for the background color so it will override the default white background.

/* Change Feature Grid background color */
.ugb-feature-grid__item {
	background-color: #ff0000 !important;
}

This is a sample of how it will look like: https://i.imgur.com/xK0QJej.png
You can use hex colors to replace the background and text colors.

If you apply the custom CSS via theme, the color will be applied on all Feature Grid blocks in your site. But you can always use a Custom CSS plugin to specifically add the styles in one page. ??

Hi @gambitph,

Sorry for my late reply, I was busy with another project. Adding !important worked. Thank you so much, problem solved!

Thanks for heads up @evabo! ??????