Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #775734

    Dear all,
    How could I change the background color of an icon box?
    It seems like this option is not available by default.

    Thanks in advance,
    Giacomo

    #775867

    Hi Giacomo,

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

    .iconbox {
        background: red !important;
    }

    Best regards,
    Rikard

    #775873

    Yes – but i think originally the iconbox_content is colored by enfold – so :

    .iconbox_content {
        background: red !important;
    }

    it could be so easy :
    click to enlarge

    Download of edited zip with instruction: Iconbox.zip
    btw. it is with the option to choose the tag type of the heading (h1 – h6)

    #776334

    Thank you but in this way I color all the icon boxes. I need just some specific icon boxes from a specific page.
    I think I have to use id:

    <class iconbox id=”myId”>…

    .myId {
    background: red !important;
    }

    But I can’t set an id in an icon box

    #776337

    Sorry, I see right now your zip with some php files.
    What I am supposed to do with them?

    #776503

    Hi,

    You can do this 2 ways.

    1. As Rikard suggested just add the below code to Enfold > General Styling > Quick CSS

    Feel free to change the color value in the below code.

    .iconbox {
        background: red !important;
    }

    2. You need to modify some files and edit some code please extract the zip folder and check the readme file for instructions.

    Best regards,
    Vinay

    #776569

    hm – bgiacomo – you have seen my image i posted. this edited iconbox.php has the oportunity to set up by a selector input field the background-color.
    (And by the way another added input field is for choosing the h-tag (h1 to h6)
    but you have to be familiar with custom shortcodes ( but on download there is a little instruction)

    Or do you realy have that “Custom Iconbox Background Color” field too? ;)

    #776574

    but if you don’t like this – you can give the iconbox itself a custom class ( (Purchase code hidden if logged out) -for-all-alb-elements/”>see here ) f.e: myiconbox

    and than:

    .myiconbox .iconbox_content {
        background-color: #900000 !important;
    }
    #776997

    Thanks everyone for the support you provided me.
    In the end I used the solution to redefine a custom class and then add the CSS code, it’s easier.
    As you can imagine, I am not familiar with php so creating a child theme and editing function.php file was something not so easy.
    Anyway..thanks again, you can close the ticket

    • This reply was modified 2 years, 2 months ago by  bgiacomo.
    #777050

    Hi,

    Let us if you have some future questions :)

    Best regards,
    John Torvik

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Icon box: custom background color’ is closed to new replies.