Change Colors of Symbol

@jayniel,

It’s not possible to change the color of the icons from the controls at the moment but you can always change it through CSS by putting the CSS into your Additional CSS option in Customizer.

For changing Pros Background Color

.wp-pros-cons .pros-content .wppc-box-symbol {
 background: green;
}

For Changing Cons Background Color

.wp-pros-cons .cons-content .wppc-box-symbol {
 background: red;
}

The color of the list icons are coming from SVG, so you’ve to change it directly from the SVG. Just open the plugin folder and go to assets/icons and open check-solid.svg and then change the fill color to your preferred color, same goes for the cons icon.

Try to do the SVG changes in a child theme as new updates would remove it.

Let me know how it goes.

Thanks.

Hi,

I tried changing the CSS code but it doesn’t work:

https://ibb.co/mGxvm0Z

Hi @jayniel

Can you share the URL of the page where you’ve set the Pros & Cons.

Must be theme styling is overwriting the styles or something.

Let me know the URL.

Thanks.

Hi,

It’s here:

https://succulentalley.com/grow-light-for-succulents/

Oh! You’re using a different view rather than the default, so that changes a little bit of structure. So the CSS code would change to:

For changing Pros Background Color

.wp-pros-cons.wppc-view3 .pros-content .wppc-header {
    background: green;
}

For Changing Cons Background Color

.wp-pros-cons.wppc-view3 .cons-content .wppc-header {
    background: red;
}

And the SVG Icons color would change the way previously mentioned.

Let me know, how it goes.