Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 13, 2015 at 3:57 am #517814
    millertimesites

    I recently used the following code to increase the size of the icon boxes on a website I am working on, but am now having a hard time keeping the icons centered after increasing their size.

    .iconbox_top .iconbox_icon {margin: 0 auto !important; font-size: 50px !important; height: 90px; width: 90px; line-height: 84px; top: -64px; }
.iconbox .iconbox_content .iconbox_content_title { margin: 30px 0 16px 0; }
.iconbox_top .iconbox_content { margin-top: 80px; }

    I am going to submit a feature request for adjusting icon size, but in the short term was wondering if you could help with the centering.
    Thanks a ton

    October 13, 2015 at 1:28 pm #518057
    Yigit

    Hey Jon!

    Please add following code to Quick CSS as well

    .iconbox_top .iconbox_icon {
    left: 40%;
}

    Best regards,
    Yigit

    October 14, 2015 at 7:22 am #518509
    millertimesites

    Yigit thanks a ton, I was messing around with px for some reason instead of of %

    For anyone else looking to change their icon box icon size here is my final code

    .iconbox_top .iconbox_icon {font-size: 40px !important; height: 60px; width: 60px; line-height: 55px; top: -40px; left: 45%;}
.iconbox .iconbox_content .iconbox_content_title { margin: 15px 0 10px 0; }
.iconbox_top .iconbox_content { margin-top: 60px; }

    Thanks again,

    October 14, 2015 at 2:57 pm #518705
    Yigit

    Hey!

    You are welcome, glad we could help!
    Thank you for sharing your solution :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Centering Large Icon Box Icons’ is closed to new replies.