Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • October 30, 2024 at 6:10 pm #1470267
    michelebond

    Hello, How would I increase the vertical spacing of my icon list on just this page?

    October 31, 2024 at 4:23 am #1470304
    Ismael

    Hey michelebond,

    Thank you for the inquiry.

    Did you set the Styling > General Styling > List Styling settings to Minimal small list? Please try to reset it to default, or add this css code:

    #top .av-iconlist-small li {
    padding: 10px 0;
}

    Best regards,
    Ismael

    October 31, 2024 at 6:21 pm #1470361
    michelebond

    How do I change it for just this page? I do have an icon list on another page which I dont want to change the size.

    November 1, 2024 at 5:14 am #1470389
    Ismael

    Hi,

    Thank you for the update.

    How do I change it for just this page?

    You can edit the Icon List element in the page and configure the options as suggested above.

    Best regards,
    Ismael

    November 1, 2024 at 5:15 am #1470390
    Ismael

    Hi,

    UPDATE: You can try applying a custom css class name to the element. Please check this link: https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support

    Best regards,
    Ismael

    November 1, 2024 at 6:10 pm #1470445
    michelebond

    Thanks – do I add the custom class like this?

    iconpadding. #top .av-iconlist-small li {
    padding: 10px 0;
    }

    and than add the class iconpadding to the element?

    November 2, 2024 at 9:33 pm #1470481
    Rikard

    Hi,

    If you are using the class iconpadding, then you should use CSS like this:

    .iconpadding li {
  padding: 10px 0;
}

    The period before the letters means that a class is being targeted in CSS.

    Best regards,
    Rikard

    November 4, 2024 at 6:48 pm #1470596
    michelebond

    I went ahead and added that css in the general styling and added the custom id to the icon list but the space did not apply.

    November 4, 2024 at 10:01 pm #1470601
    Rikard

    Hi,

    The class doesn’t exist on that page, where exactly did you add it?

    Best regards,
    Rikard

    November 4, 2024 at 11:39 pm #1470604
    michelebond

    to the icon list on the contact page Attached is a screenshot.

    November 5, 2024 at 7:23 am #1470627
    Ismael

    Hi,

    Thank you for the update.

    The value “iconpadding” is used as the ID attribute instead of class name. Try to use this css code:

    #top #iconpadding .av-iconlist-small li {
   padding: 10px 0;
}

    If you want to use it as a class name, move “iconpadding” to the Custom CSS Class field, then use this css:

    #top .iconpadding .av-iconlist-small li {
   padding: 10px 0;
}

    Best regards,
    Ismael

    November 5, 2024 at 5:30 pm #1470672
    michelebond

    Perfect. 5 Stars!

    November 6, 2024 at 11:39 am #1470754
    Rikard

    Hi,

    Thanks for the update, 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 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Icon list vertical spacing’ is closed to new replies.