Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 5, 2015 at 6:15 pm #483520
    M1000000

    I’m trying to increase the size of the icon and background on .iconbox_top with the following:

    .iconbox_top .iconbox_icon {font-size: 40px; padding: 20px;}

    Problem is the icon shifts off center – see image link below.

    Thanks.

    August 5, 2015 at 8:12 pm #483572
    Elliott

    Hi M1000000!

    Can you send us a link to the page where your using it?

    Regards,
    Elliott

    August 13, 2015 at 1:55 pm #487191
    M1000000

    Just got inline – link below:

    See homepage.

    Line 14 child css:

    .iconbox_top .iconbox_icon {font-size: 40px; padding: 20px!important;}

    icons off center.

    August 13, 2015 at 5:15 pm #487320
    Elliott

    Hey!

    Try this out instead.

    .iconbox_top .iconbox_icon {
  font-size: 40px;
  padding: 20px 25px 20px 15px !important;
}

    Best regards,
    Elliott

    August 13, 2015 at 7:50 pm #487403
    M1000000

    Still slightly off center – trying to work out what’s gpoing on through css here as looking for a flexible solution that will allow icon size (and icon background) to be increased as required (specific value of 40px just an example). Can you shed any light?

    Many thanks.

    August 14, 2015 at 3:35 pm #487806
    Elliott

    Hey!

    Looks fine on my end. If you change the size again then you just need to play around with the padding to get it looking centered.

    .iconbox_top .iconbox_icon {
  font-size: 40px;
  margin-left: -30px;
  padding: 22px 30px 22px 15px !important;
}

    Cheers!
    Elliott

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