Support » Plugin: Stackable - Gutenberg Blocks » change background and text color Feature Grid Block

  • Resolved evabo

    (@evabo)


    Hi,
    I have just started to work with Stackable, and I really like the possibilities of the plugin.
    I would like to know if it’s possible to change the background and the text color of the Feature Grid Block.
    Thanks in advance,
    Eva

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor gambitph

    (@gambitph)

    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

    Plugin Contributor gambitph

    (@gambitph)

    Hi Eva,

    Sure, you can send me a link via e-mail at alyssa@gambit.ph

    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!

    Plugin Contributor gambitph

    (@gambitph)

    Thanks for heads up @evabo! 🙂🙂🙂

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