Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 6, 2024 at 2:44 am #1436435
    khrntanya

    Hi, I having some trouble centering my top icon box. Ideally I would like the icon smaller and centered. This is the code I’m using which I found in your support threads.

    .iconbox_top .iconbox_icon {
    font-size: 30px!important;
    text-align: center;
    height: 40px;
    width: 40px;
    line-height: 42px;
    top: -35px;
    margin-left: -45px;
    }

    March 6, 2024 at 9:47 am #1436470
    Ismael

    Hey khrntanya,

    Thank you for the inquiry.

    The following css code overrides your modification:

    .iconbox_icon[data-av_icon]:before {
    font-size: 50px!important;
}

    You might have added it in the Quick CSS field.

    Best regards,
    Ismael

    March 6, 2024 at 6:03 pm #1436527
    khrntanya

    Thank you! I was using this code 

    .iconbox_icon[data-av_icon]:before {
    font-size: 50px!important;
}

    to make the icons larger for the icon box with the display icon on the left. How do I make the display icon on the left larger without effecting the display icon above?

    • This reply was modified 8 months, 3 weeks ago by khrntanya.
    March 7, 2024 at 8:59 am #1436580
    Ismael

    Hi,

    Thank you for the update.

    To adjust the left or right icon, you can use this css rule:

    #top .iconbox_left_content .iconbox_icon, #top .iconbox_right_content .iconbox_icon {
    width: 74px;
    height: 74px;
    font-size: 80px;
    line-height: 72px;
    border-style: solid;
    border-width: 1px;
    border-radius: 500px;
    text-align: center;
    margin-right: 22px;
}

    You may need to remove the previous css code.

    .iconbox_icon[data-av_icon]:before {
    font-size: 50px!important;
}

    Best regards,
    Ismael

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