Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 14, 2024 at 7:49 am #1434257
    WorldinColor

    I am trying to decrease the size of the circle (and icon) in the Icon Box. I was able to change the icon size by reviewing solutions for other support tickets. But the code I’m trying to use for circle size (from other support tickets) doesn’t seem to work . I’ve pasted below the Custom CSS classes I’m testing. Please take a look and let me know where my code is off. Thanks!

    /*Iconbox change – icon size, color and background changed – see icon with yellow circle. Circle didn’t change*/
    .acme-iconbox .iconbox_icon {
    color:#f213f2;
    background: #FFF387;
    padding: 10px;
    font-size: 20px!important;
    }

    /*Iconbox change – Only colors changed – see icon with green circle. No change to icon or circle size.*/
    .acme-small-iconbox .iconbox_icon {
    width: 20px;
    height: 20x;
    line-height: 20px;
    font-size: 15px;
    color:#FF2768;
    background: #1DC690;
    }

    February 14, 2024 at 10:26 am #1434269
    Rikard

    Hey WorldinColor,

    Please try this to make the circle smaller:

    #top .iconbox.av-no-box .iconbox_icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
}

    This CSS is coming from your child, and it’s applying:

    .acme-iconbox .iconbox_icon {
  color: #f213f2;
  font-size: 20px !important;
}

    Best regards,
    Rikard

    February 14, 2024 at 6:49 pm #1434312
    WorldinColor

    Hi Rikard,

    This is now working – the ticket can be closed. Thank you!

    February 14, 2024 at 7:26 pm #1434327
    Rikard

    Hi,

    Great, I’m glad that we could help. We’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Changing circle size in Iconbox’ is closed to new replies.