Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 23, 2014 at 6:03 am #339928
    daileyr7

    First off great theme, it has been super easy to work with. I have a picky client that wants 5 Icon boxes on the homepage and the need to be perfectly centered. The description in the icon box can stay aligned left.
    1. I need the Icon and Icon title centered in each box
    2. Also need each icon box needs to have same px gap on right and left sides. The far left icon box is further away from the edge. I have tried just increasing the far left box padding-left but it doesn’t seem to move it over any. I have searched in the forums and have a few solutions but can never get the icon centered.

    this moves the text over but I need icon to be right next to it
    #top .iconbox_content_title {
    text-align: center;
    }

    -thanks

    October 23, 2014 at 4:00 pm #340163
    Yigit

    Hey daileyr7!

    Please add following code to Quick CSS

    .home .iconbox_icon { text-align: center; width: 100%; }
.home .iconbox .iconbox_content .iconbox_content_title { padding: 10px 0 0 1px; }
.home .iconbox_content_container { text-align: center; }

    Best regards,
    Yigit

    October 27, 2014 at 6:12 pm #341647
    daileyr7

    That is really close. I want the icon and title text on the same line centered. See this image
    mmps example

    October 29, 2014 at 10:18 am #342635
    Arvish

    Hey!

    First make sure you have selected “Display small icon at the left side of the title” in the Icon Box Shortcode settings.

    Then add the following code to your Quick CSS or custom.css

    .home .iconbox .entry-content-header{width:90%; margin: 0 auto;}

    You can adjust the width according to your design.

    Cheers!
    Arvish

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.