Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 23, 2026 at 10:14 pm #1495387
    dreyerjm

    Hi, How would i make a framed box around the icon on left side icon element. I would like the entire element to have a background color the like the icon at the top style. I would like this only on specific instances of the elements so I would need to add a css class i believe.

    February 24, 2026 at 5:19 am #1495397
    Ismael

    Hey dreyerjm,

    Thank you for the inquiry.

    You can add this css code to apply a background, border and padding to the icon box. Simply replace the selector “iconbox” with your own custom css class name.

    #top .iconbox {
    background: white;
    padding: 20px;
    border: 1px solid gray;
}

    qKjIUqN.md.png

    Best regards,
    Ismael

    February 24, 2026 at 5:34 pm #1495442
    dreyerjm

    Thanks is there a way to make the backround not stretch all the way to the right. So the background really over covers the area with the text/icon?

    February 25, 2026 at 5:56 am #1495463
    Ismael

    Hi,

    You can try setting the width of the iconbox to 90% or lower. Let us know the result.

    #top .iconbox {
    background: white;
    padding: 20px;
    border: 1px solid gray;
    width: 90%;
}

    Best regards,
    Ismael

    February 25, 2026 at 6:18 pm #1495496
    dreyerjm

    Thank you!

    February 26, 2026 at 5:26 am #1495507
    Ismael

    Hi,

    No problem! Let us know if you have more questions. Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Framed Hi, Box around icon box with icon on left side’ is closed to new replies.