Custom Box Color?

[Dave’s Health]

Hi there,

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.

Thanks for your help,
Stacy

[Binaya D]

Hi Dave’s,

Could you please explain more about issue, so that we can provide solution asap.

Thanks

[Dave’s Health]

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.

Thanks,
Stacy

[Binaya D]

Hi Dave’s,

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.

Thanks

[Dave’s Health]

Excellent. Thanks.

One quick question, what’s the code for the pref-promo-box header? I’d like to change the background behind the header and not the entire box.

[Binaya D]

Hi Dave’s,

Please use the following css to fix your issue:

.pref-promo-box {
    background-color: #7fac6b;
}

Note: Please use the custom css plugin or child theme to write css.

Thanks

[Dave’s Health]

Hi there,

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?

Thanks,
Stacy
screenshot-1.png
screenshot-2.png

Attachments:

You must be logged in to view attached files.

[Binaya D]

Hi Dave,

Could you please provide us link of your site, where you want to change the background color.

Thanks

[Dave’s Health]

Try this: https://daveshealth.com/order/

[Binaya D]

Hi Dave,

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.

Thanks

[Author]

Posts