Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #1335241

    On our web page the accordion text is indented to the right.

    How can we make sure that it becomes aligned with the rest of the content for ALL occurrences of the accordion fold-out text throughout the website?

    Also, please let us know where the extra CSS code should be inserted.

    Thank you!


    Hey HRpeople123,

    Thank you for the inquiry.

    We cannot find any accordion element in the page and the layout looks fine. Where can we see the issue? Please provide a direct link to the page containing the accordion element with the alignment issue.

    Best regards,


    Thank you for getting back in touch with us.

    I am not really sure why the accordion element does not display as an accordion element on your end. The element in the backend IS an accordion element, and the text in the toggle “Læs mere” is intended to the right. I would have included a screenshot if this were possible.

    Using the inspect tool, this line of code shows the padding of the element:

    .av-minimal-toggle .toggle_content {
    border-radius: 0;
    border: none;
    padding: 12px 35px 11px 35px;}

    The page where this occurs and the accordion is used IS: https://www.hrpeople.dk/distanceledelse/

    The left padding can be changed to 0px in the inspect tool, and this removes the indentation like we want.

    Where can we insert the CSS code above for ALL future accordion elements on the website to remove the indentation?
    Thank you.



    Thanks for the update. If the CSS you are referring to is doing what you are looking to achieve, then please put it in Quick CSS under Enfold->General Styling.

    Best regards,


    Thank you – that did the trick! :D
    / Troels



    Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,

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