Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 25, 2025 at 6:00 am #1477850
    xfacta

    Hi there

    how can I reduce the gap between each entry in the default Icon list, and also the space between the icon list and the text box underneath it?

    February 25, 2025 at 10:33 am #1477879
    Rikard

    Hey xfacta,

    Please try the following in Quick CSS under Enfold->General Styling:

    .avia-icon-list li {
  padding: 0 0 10px 0;
}

    Best regards,
    Rikard

    February 25, 2025 at 9:50 pm #1477947
    xfacta

    Perfect thanks so much :-)

    February 25, 2025 at 11:38 pm #1477960
    xfacta

    Sorry just one more thing on the Icon list – how can I make the icons and circles slightly smaller?

    February 26, 2025 at 6:39 am #1477981
    Ismael

    Hi,

    You can use this css code to adjust the size of the icon in the list.

    .avia-icon-list .iconlist_icon {
    height: 64px;
    width: 64px;
    line-height: 64px;
    font-size: 20px;
    text-align: center;
    margin-right: 30px;
    margin-left: 2px;
}

    Adjust the font-size value as you wish.

    Best regards,
    Ismael

    February 26, 2025 at 6:46 am #1477983
    xfacta

    Hi there. thank you – but that didnt change the size of the circle and background – how can I make that part smaller as well?

    February 26, 2025 at 6:57 am #1477987
    Ismael

    Hi,

    Try to adjust the height, width and line-height properties in the css code above.

    Best regards,
    Ismael

    February 26, 2025 at 7:11 am #1477989
    xfacta

    Thank you :-)

    February 26, 2025 at 7:59 am #1477995
    Ismael

    Hi,

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

    Best regards,
    Ismael

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Icon list spacing between lines’ is closed to new replies.