ok, so let’s say I had a custom color I wanted to use called “aquamarine”. It’s hex value was #2cdac8
and I wanted to use a text color of black (#000
). My shortcode would look like this:
[box color="aquamarine"]
My box content here
[/box]
Then all I’d have to do would be to add the following styles to my styles.css
file
.arconix-box-aquamarine {
background-color: #2cdac8;
color: #000;
}
.arconix-box-aquamarine a {
color: #000;
}
All you have to do is name the color and provide hex codes for the color itself and the text color you want to use with it. Make sense?