Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 6, 2025 at 8:33 pm #1487667
    vrhgmt744p

    HI, How do I make the left iconbox icons smaller? The icons is too large and touching the outside circle. I just want these 3 icon boxers smaller so I think I need to add a class seeing I have other iconsboxes on my homepage.

    August 7, 2025 at 3:45 am #1487674
    Ismael

    Hey vrhgmt744p,

    Thank you for the inquiry.

    You can use the following css code to adjust the size of the icon inside the iconbox.

    .iconbox_icon.avia-svg-icon img[is-svg-img=true], .iconbox_icon.avia-svg-icon svg:first-child {
    height: 0.5em;
    width: 0.5em;
    top: -8px;
    position: relative;
}

#top .avia-font-entypo-fontello, body .avia-font-entypo-fontello, html body [data-av_iconfont='entypo-fontello']:before {
    font-family: 'entypo-fontello';
    line-height: 1.5em;
    display: block;
    top: 0;
    position: relative;
    font-size: 0.6em;
}

    If you need this applied to specific icons, try adding a custom css class to the element. Please refer to the documentation below.

    — https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support

    Best regards,
    Ismael

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