Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • December 8, 2014 at 6:39 am #364453
    djshortkut

    I’d like to know how decrease the size of the icon box icons (see attached image) on this particular page only. Some of my text from the icon box is getting cut off and I think by decreasing the size of the icons, it would fix the issue. Thank you very much!

    December 8, 2014 at 4:58 pm #364742
    Elliott

    Hey djshortkut!

    Drag a codeblock element to your page content and add this inside.

    <style type = "text/css">
.iconbox_icon { font-size: 12px !important; }
</style>

    Cheers!
    Elliott

    December 8, 2014 at 6:46 pm #364856
    djshortkut
    This reply has been marked as private.
    December 9, 2014 at 4:21 am #365141
    Andy

    Hi!

    use this for the circle:

    #top .iconbox_left_content .iconbox_icon, #top .iconbox_right_content .iconbox_icon {
height: 50px;
width: 50px;
}

    Adjust “50px” to your needs.

    Best regards,
    Andy

    December 9, 2014 at 6:00 am #365171
    djshortkut
    This reply has been marked as private.
    December 10, 2014 at 4:39 am #365835
    Andy

    Hey!

    1. add line-height:

    #top .iconbox_left_content .iconbox_icon, #top .iconbox_right_content .iconbox_icon {
height: 50px;
width: 50px;
line-height: 50px;
}

    2. Your dropbox link does not work for me. Please make sure it’s set to public.
    I don’t know what you mean, can’t see any content which is cut off. Please provide us screenshots.

    Cheers!
    Andy

    December 10, 2014 at 5:17 am #365845
    djshortkut
    This reply has been marked as private.
    December 10, 2014 at 5:28 pm #366101
    Yigit

    Hi!

    “The file you’re looking for has been moved or deleted.”
    Please add following code to Quick CSS

    #contact-info .flex_column.av_one_fourth {
width: 24%;
margin-left: 1%;
}
#top .iconbox_left_content .iconbox_icon, #top .iconbox_right_content .iconbox_icon { 
margin-right: 7px; 
}

    Your email address is pretty long :)

    Best regards,
    Yigit

    December 10, 2014 at 6:03 pm #366134
    djshortkut

    Thanks Yigit! You’re right, my email address is way too long :)

    The code you gave me almost works but the email is still getting cut off. I think what I’ll need to do is use the version that says “display a large icon above title” since it will allow all the text to fit. Can you tell me how to modify this code to adjust the size of the icons for this particular page targeting the Custom CSS Class “contact-info”

    #top .iconbox_left_content .iconbox_icon, #top .iconbox_right_content .iconbox_icon {
height: 50px;
width: 50px;
line-height: 50px;
}
    December 11, 2014 at 2:34 am #366386
    Josue

    Hey!

    Can you post a screenshot/mockup of what would you want to achieve? the dropbox link you posted is not working.

    Best regards,
    Josue

    December 11, 2014 at 3:10 am #366402
    djshortkut
    This reply has been marked as private.
    December 11, 2014 at 3:20 am #366406
    Josue

    Hi!

    Try with this code:

    #contact-info .iconbox.av-no-box .iconbox_icon{
    height: 35px;
    width: 35px;
    line-height: 35px;
    font-size: 16px;
}

    Best regards,
    Josue

    December 11, 2014 at 6:48 am #366512
    djshortkut

    Resolved. Thank you!

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Decrease Size of Icon Box Icon’ is closed to new replies.