Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 13, 2018 at 1:56 pm #985154
    whdsolutions

    Hello there

    We were wondering if there is a way of changing the size of the icon and the surrounding circle on the page here

    July 13, 2018 at 2:10 pm #985160
    whdsolutions

    Hello again

    I have added

    .iconbox_top .iconbox_icon {
    font-size: 50px !important;
    height: 90px;
    width: 90px;
    line-height: 84px;
    top: -80px;
    }

    .iconbox .iconbox_content .iconbox_content_title {
    margin: 0px 0px 0px 0px;
    }

    .iconbox_top .iconbox_content {
    margin-top: 80px;
    }

    But the icon does not sit centred – Any ideas?

    July 13, 2018 at 2:18 pm #985165
    Jordan Shannon

    Hey whdsolutions,

    Add this to quick css. The dimensions took some time to configure but they should be just about perfect:

    .iconbox_icon.heading-color {
font-size: 50px!important;
    width: 45px!important;
    height: 0px!important;
    border-radius: 100px!important;
    margin-left: -40px!important;
    margin-top: -10px!important;
    padding: 30px!important;
    padding: 25px 20px 55px 15px!important;
}

    Best regards,
    Jordan Shannon

    July 13, 2018 at 2:41 pm #985174
    whdsolutions

    Hello

    That’s worked wonders, however I do need the icon size 90px and it still look like it does now (centred)

    How is this achieved?

    July 13, 2018 at 2:43 pm #985177
    Jordan Shannon

    Hi,

    You may have to adjust the css a parameters a bit. Adjust the font-size to 90px and mold the margins and paddings to match.

    Best regards,
    Jordan Shannon

    July 13, 2018 at 2:47 pm #985178
    whdsolutions

    Whatever I try does not work

    July 13, 2018 at 4:45 pm #985219
    Jordan Shannon

    Hi,

    Try this:

    .iconbox_icon.heading-color {
    font-size: 90px!important;
    width: 120px!important;
    height:8px!important;
    border-radius: 100px!important;
    margin-left: -80px!important;
    margin-top: -73px!important;
    padding: 30px!important;
    padding: 60px 20px 90px 20px!important;
}

    Best regards,
    Jordan Shannon

    July 13, 2018 at 4:54 pm #985227
    whdsolutions

    Thank you v much – worked a treat!!!

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Change the size of the icons’ is closed to new replies.