Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • July 21, 2016 at 3:48 am #663168
    evan_friedl

    So see this page:

    Who We Serve

    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.

    July 21, 2016 at 7:58 am #663225
    Vinay

    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,
    Vinay

    July 22, 2016 at 8:01 pm #664055
    evan_friedl

    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!

  • Author
    Posts
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.