Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #590226

    I want to make the icons larger in the icon boxes. I have tried some codes which I found in the support, but these didn’t work well.

    #591045

    Hi Ayumi!

    There is a large icon option in the icon box edit options. If you want t make the icons still larger please use the below css

    
    
    /* Icon Size */
    [data-av_icon]:before {
        font-size: 50px!important;
    }
    .iconbox_icon {
        margin-right:20px!important;
    }
    
    

    Best regards,
    Vinay Kashyap

    #591447

    Vinnie,
    Thank you for your help. The code works well for some icon box styles, but doesn’t work for “Display a large icon above the title”. The icon is larger than the circle.
    Can I fix the problem?

    Thank you.

    #591574

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .iconbox_top .iconbox_icon {
        font-size: 50px;
        line-height: 50px;
        min-width: 50px;
        min-height: 50px;
        top: -50px;
        left: 45%;
    }

    If that does not help, please post the link to your website.

    Best regards,
    Yigit

    #592126

    Thank you for following up. The code works well.
    Best regards,
    kazeko

    #592130

    Hey!

    You are welcome!
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘How to change the size of icon in the icon boxes?’ is closed to new replies.