Is there a way to create a custom box color, such as the colors for icon boxes and message boxes? I would like to use one other than the default colors as provided in the html snippets.
Sure. I’ve attached a screenshot of the icon boxes page on Preferential’s demo page. The html snippets that come with the theme include default colors such as
and
. These default colors also appear for content boxes, action boxes, and others. Is there a way to create a custom color for the boxes? I would like to use #7fac6b.
You can use the custom css to change the box colors. If you want to change the Pref-icon-box, then please use the following css:
.pref-icon-box {
background-color: #7fac6b;
}
Similarly, if you want to change other box colors, you can use the similar to the above code or you may use some color feature by customizing the theme.
Note: Please use the custom css plugin or child theme to write the css.
I’m still having trouble with customizing the pref-promo-box. When I use background-color in the code, I get the result in screenshot-1.png. Instead, I would like the pref-promo-box to appear like screenshot-2.png.
Do you have any insights on how I can achieve this?
We visit your site and it looks fine there, according to your screenshot, as you told that you need the background-color as screenshot-2 and there is also same background-color as screenshot-2 as you mentioned.