Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 9, 2022 at 4:22 pm #1339834
    YourChoice Informatik GmbH

    Hi
    How can we make the icons bigger in the icon boxes?
    See example in the private content section.
    Thanks very much.
    Best regards
    Mike

    February 10, 2022 at 9:00 am #1339918
    Ismael

    Hey Michael,

    Thank you for the inquiry.

    You can use this css code to adjust the style of the icon in the iconbox element.

    #top .iconbox.av-no-box .iconbox_icon {
    top: 0;
    margin: 0 auto 20px auto;
    left: 0;
    width: 90px;
    height: 90px;
    line-height: 90px;
    font-size: 50px;
}

    The actual size of the icon is controlled using the font-size property.

    Best regards,
    Ismael

    February 10, 2022 at 11:34 am #1339947
    YourChoice Informatik GmbH

    Hi Ismael
    Thanks for the code.
    But this changes nothing.
    I changed the font-size to 80px and it was the same size. I also tryed with !important, but nothing changed.
    Best regards
    Mike

    February 10, 2022 at 2:06 pm #1339983
    Ismael

    Hi,

    Thank you for the update.

    Are you sure that you added the css code correctly? It seems to work fine when we adjust the same style or css rule directly in the browser inspector. Please check the screenshot below.

    Best regards,
    Ismael

    February 10, 2022 at 2:28 pm #1339987
    YourChoice Informatik GmbH

    Hi Ismael
    You are right, in the browser inspector it works… no idea, why it does not work with quick css.
    I added it like this:

    #top .iconbox.av-no-box .iconbox_icon {
    width: 180px !important;
    height: 180px !important;
    line-height: 180px !important;
    font-size: 90px !important;
}

    You can login and look into it, perhaps you find something?

    February 11, 2022 at 8:48 am #1340084
    Rikard

    Hi,

    Thanks for that. You left the comment open:

    /* ICONS VON ICONBOX GRÖSSER

    I closed that for you, and the CSS is applying now. Please review your site.

    Best regards,
    Rikard

    February 11, 2022 at 11:09 am #1340127
    YourChoice Informatik GmbH

    HI Rikard
    Oh shit… this I didn’t see… I checked the CSS with http://csslint.net/ but there this didn’t display it as an error ;-(
    Thanks very much.
    You can close this issue.
    Best regards
    Mike

    February 11, 2022 at 12:28 pm #1340145
    Rikard

    Hi,

    Thanks for letting us know, I’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 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Bigger icons’ is closed to new replies.