Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 5, 2017 at 7:16 am #884943
    kelsangchodor

    Dear Sir,
    I’ve imported some custom fonts.
    I’m using one in an icon-box
    On this page:

    Buddhist Meditation (Tuesdays)

    Above “useful information” – right hand side
    I want to increase the size of this icon to 35px but I can’t do this without changing the alignment of the icon itself. It goes off Center. I’ve looked through the support forums and every piece of code I use fails to re-center the new sized icon. **I don’t want to increase the size of the circle behind the icon, just the icon itself contained within the circle behind it**
    Please can you help me to do this? I want to increase this icon size to 35px and keep it centred (and I don’t want to increase ALL icon sizes across the website i.e. icon list icons – i only want to increase the icon sizes for the icon boxes). I only want to change the size of the icons above the icon boxes. Is this possible?

    Best wishes,
    Christopher Skelton.

    • This topic was modified 6 years, 10 months ago by kelsangchodor.
    December 7, 2017 at 4:27 am #885890
    Ismael

    Hey kelsangchodor,

    Thank you for using Enfold.

    Please use the following css codes to adjust the size and position of the icon.

    .iconbox_top .iconbox_icon {
    font-size: 35px;
    line-height: 25px;
}

.iconbox_top .iconbox_icon:before {
    left: -11px;
    position: relative;
}

    Best regards,
    Ismael

    December 7, 2017 at 10:05 am #885992
    kelsangchodor

    Hi Ismael,

    That worked beautifully – thank you so much for you help. Really appreciated.

    Best Wishes,

    Christopher Skelton.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Increase size of a custom font in the icon-box’ is closed to new replies.