More than one color set?

On my site I set the default color to blue. However I use the following shortcode on a page:

[color-box color="red" rounded=0]This is an example of a Content Box without rounded corners.
I can add line breaks if I want.
[/color-box]

The box appears red even though the default is blue. The color named in the shortcode takes precedence over the default.

See my demo page for live example:
https://www.jimmyscode.com/wordpress/standout-color-boxes-buttons/

You will see the red content box, then a blue content box below it where no color was specified (so the default was used).

If you want to change any of the CSS, look at the existing CSS file. Copy and paste it into your local stylesheet and override it. You can do this two ways:

1) See the answer here: https://stackoverflow.com/questions/6323995/how-to-override-a-css-class

or

2) Change the CSS to suit your needs and use the !important modifier to make sure the browser uses it instead of the CSS that comes with the plugin.

Thanks a lot for the help.

I have a similar problem.

I have set a custom default color #a5cbde, which works great. However, I can’t override this in other text boxes. So [color-box color=”gray”] does not make the box gray, it stays the default color #a5cbde.

Can you help with this please.