Editing Accordion elements via CSS

I'm trying to add a margin in between the items in the Weebly Accordion. I found the CSS code using the inspector in Safari and then added this code to the CSS of the theme:

.accordion__item {

   margin-bottom: 5px !important;

}

Unforntunately, this is not working. When I add a 5px margin to the code in the Safari web inspector it does create margin between the items so I'm not sure why this doesn't work when adding the code in Weebly.

Any help would be greatly appreciated!

479 Views
Message 1 of 3
Report
2 REPLIES 2

Well, nevermind. It turns out that it just doesn't show up correctly in the preview window while editing the code. If I save the change and look at it in the main editor it works perfectly. Solved!

476 Views
Message 4 of 3
Report
Square

Thanks for the update, @OrangeWave!

462 Views
Message 4 of 3
Report
This thread has been archived and locked. Please start a new thread if you would like to continue the conversation.