Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 14, 2020 at 3:05 am #1184365
    pztpriapps

    I’m trying to change the background color of the Icon Box. I seem to be able to change the color of every other option except the background color.

    Please can you help?

    February 15, 2020 at 7:00 am #1184676
    Rikard

    Hey Peter,

    Do you want to change the background behind the icon or behind the text?

    Best regards,
    Rikard

    February 17, 2020 at 1:14 am #1185043
    pztpriapps

    I want to change the background color of the text. I can see how to change the icon colors but I cannot see how to change the background color of the box the text is contained within.

    February 17, 2020 at 6:46 am #1185122
    Rikard

    Hi,

    Thanks for the update. Please try this in Quick CSS:

    .iconbox_content {
  background: yellow;
}

    Best regards,
    Rikard

    May 15, 2020 at 11:25 am #1213229
    HPT-admin

    Hi,

    I have the same issue. Trying to change the Background-color of the icon boxes: Virtual Discovery / Private Tours / etc to white.
    When using the Quick CSS from above it changes the BG color of the icon-boxes: 100% Tailor made / Hidden Gems

    I have pasted the Quick CSS in the Enfold Child Theme Options > General Styling > Quick CSS
    Is that the best spot to place Custom CSS?

    On the page itself (Icon Box > Advanced > Developer settings) I also tried adding a CSS class and/or Custom ID and then add Quick CSS.
    No changes so far.

    Can you help?

    May 16, 2020 at 1:59 pm #1213564
    Rikard

    Hi HPT-admin,

    Please try the following in Quick CSS under Enfold->General Styling:

    .main_color.iconbox_top .iconbox_icon {
  background-color: #fff;
}

    Best regards,
    Rikard

    May 20, 2020 at 12:32 pm #1214634
    HPT-admin

    Hi Rikard,

    It did do something ;) but not what I hoped!
    BG color of the icon itself is now white.
    I would like the icon-box (with the text and image) to have a white background.

    May 21, 2020 at 4:59 am #1214882
    Nikko

    Hi HPT-admin,

    I see, you were referring on the box content, please use this CSS code:

    #top .iconbox_top .iconbox_content {
    background-color: white;
}

    Best regards,
    Nikko

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