Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #663168

    So see this page:

    You can see we have three icon boxes. The two below the circle icon is centered. But the bigger box is not centered. Here is the code for that. I will include the login if you need it Privately of course.

    /* Icon Box ReSize */
    .iconbox_top .iconbox_icon { font-size: 80px!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; }
    .iconbox_icon {left:43% !important;}

    I need the larger box icon centered too but I can not seem to fix that.

    Thank for your amazingly brilliant help as always.


    Hey evan_friedl,

    We enabled custom css class name support which allow us to target the icon box and added the below code in Quick CSS

    .center-icon .iconbox_icon{
       left: 50% !important;
       transform: translateX(-50%);

    Best regards,


    Thank you so much Vinay! That was perfect. I made a couple adjustments and now it looks great. I am so grateful for your help.

    Have a fantastic Weekend!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Using iconbox and centering the icon with three different size boxes’ is closed to new replies.