Home Forums WordPress Themes – Premium Preferential Custom Box Color?

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #16671
    Dave’s Health
    Participant

    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

    #21900
    Binaya D
    Participant

    Hi Dave’s,

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

    Thanks

    #21903
    Dave’s Health
    Participant

    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

    #21911
    Binaya D
    Participant

    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

    #21921
    Dave’s Health
    Participant

    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.

    #21922
    Binaya D
    Participant

    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

    #21990
    Dave’s Health
    Participant

    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.
    #21994
    Binaya D
    Participant

    Hi Dave,

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

    Thanks

    #22007
    Dave’s Health
    Participant
    #16672
    Binaya D
    Participant

    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

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.