Accordion title bar – decreasing the spaces

[Hiro]

Does anyone know the CSS code to decrease the spaces between the accordion title bars? I removed the border color so the horizontal lines don’t show up between the title bars, but the space between the title bars appear too big. I’d like to keep the font size the way it is, just want to decrease the spacing between the title bars.

[Radu]

Hello, try this code

COPY CODE

.panel-body {
padding-top: 0px !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Hiro]

Hi Radu,

That didn’t work. Here’s a link to one of my pages so you can see the large distance between the tab headers.

http://www.closeupexpress.com/stories-2/

[Radu]

Sorry but i don’t understand exactly to what are you referring to.
Please post a screenshot pointing out exactly your issue.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Hiro]

I’ve attached a screenshot. The red arrows show the large spacing. I set the border color to clear so the horizontal dividers don’t show. What I want to do now is decrease the spacing between the accordion headers so there’s not such a large gap between the heading titles.

[Radu]

Try this.

COPY CODE

.panel-group .panel-heading, .panel-toggle .panel-heading {
padding: 1px 10px !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Hiro]

Damn dude, you’re awesome! I owe you lunch someday. Thank you.

[Author]

Posts