Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 14, 2023 at 6:42 pm #1413318
    sdmoody

    Is there any way I can add a bigger margin to the bottom of an accordion so it doesn’t mash-up to the top of the next element?
    I have tried to add a custom class to it and to no avail.
    Thank you!

    Sean

    July 15, 2023 at 1:19 am #1413328
    Nikko

    Hi Sean,

    Please try to add this CSS code in Enfold > General Styling > Quick CSS:

    #top .single_toggle {
    margin-bottom: 20px;
}

    Hope it helps.

    Best regards,
    Nikko

    July 17, 2023 at 4:29 pm #1413511
    sdmoody

    The problem with that code is it puts 20px under each toggle I want to put it under the whole accordion not each toggle.

    Thanks

    Sean

    July 17, 2023 at 8:12 pm #1413532
    Rikard

    Hi,

    Could you post a link to where we can see the results you are getting please?

    Best regards,
    Rikard

    July 18, 2023 at 3:01 pm #1413610
    sdmoody

    Sample Page

    Notice how the text is slammed up to toggle 2? I would like more whitespace under the entire accordion.

    Thanks

    Sean

    July 18, 2023 at 3:02 pm #1413611
    sdmoody

    PS… Without putting space between the toggles.

    July 18, 2023 at 8:23 pm #1413639
    Rikard

    Hi,

    Thanks for that. Please try using the Separator/Whitespace element, then you can control the space your want yourself in that element, without using custom CSS.

    Best regards,
    Rikard

    July 18, 2023 at 8:42 pm #1413646
    sdmoody

    OK will do. Maybe you guys can fix it for the next release.

    Sean

    July 19, 2023 at 11:02 am #1413688
    Rikard

    Hi,

    Thanks for the update. We’ll look into adding some additional styling to that element.

    Best regards,
    Rikard

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