Narrow Accordion Panel Sections

Community Support
1

I’m looking to use narrower Accordion Panel Sections. I can update the CSS to do this, but there is still a transparency gap (that displays the sectional component) that I can’t find the CSS to change so when the panel is closed it’s flush with neighboring sections.

image
image709×104 912 Bytes

[data-widgetid="caca9eac-fd4e-a3d2-edfb-3b577069bef6"] div.section > div.heading {
    height:20px;
    line-height:21px;
}

2 Answers

2
2

try this:

[data-widgetid="aa5c96a3-5b18-dbd9-4023-3eb1ed6e7167"] div.section > div.heading {
    height:20px;
    line-height:21px;
}

[data-widgetid="aa5c96a3-5b18-dbd9-4023-3eb1ed6e7167"] div.section {
    min-height: 20px;
}

[data-widgetid="aa5c96a3-5b18-dbd9-4023-3eb1ed6e7167"] div.section > .content {
    top: 20px;
}
3

Thanks Ivan - did the trick :)