Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #605215

    Hi Kriesi,
    I desperately trying to reduce the size of the icons above a box (box without borders). I can only choose a large icon, but would like to have a small one. I found different posts with answers to include a certain code into the custom css field, but it did not work. Can I add a new point to the dropdown menu which says (display a small icon above the title)?

    #605238

    Hey liviogerber!

    Can you please post the link to your page and point out the changes you would like to make?

    Best regards,
    Yigit

    #605402

    Hello Yigit,
    Thanks for your prompt reply. Below the link to the page. You will see the golden icons above the boxes (without borders). The icons are too big and need to be decreased by 50%.

    #605421

    Hi!

    Try adding the following CSS in the Quick CSS field under the General Styling tab in the theme options:

    #top .iconbox.av-no-box .iconbox_icon {
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 15px;
    }
    

    This should reduce the icons to half it’s size and you can also change the values if you wish.

    Cheers!
    Jordan

    #605425

    Hello Jordan
    Thank you so much for this speedy reply. It worked perfectly.
    Livio

    #605430

    Hi!

    You’re most welcome :)

    Glad it worked and feel free to reach out to us again on the forum if you have any other questions!

    Cheers!
    Jordan

    #605438

    Hi!

    Please add to your CSS

    html body [data-av_iconfont="entypo-fontello"]::before { 
    font-size: 6px !important;
    }

    let us know if that works

    Best regards,
    Basilis

    #605445

    Hi Baslis
    Jordan Powell answered my request already and it worked very well.

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Smaller Icons Above Box (box without borders)’ is closed to new replies.