Page 1 of 1

Accordian

Posted: Thu Apr 09, 2026 9:11 pm
by brynj
I have pinched this from a template to see if i can make use of it.

Sadly I have fallen at the first hurdle - I need to reduce the height of the bars but can find no setting to control this.

I have searched the help files and tutorials but cannot find anything.

Any help appreciated

https://e.pcloud.link/publink/show?code ... RwpX3v78I7

https://e.pcloud.link/publink/show?code ... Gnvzsnfmyy

And nothing under 'Style' that I can see .....

Re: Accordian

Posted: Thu Apr 09, 2026 9:34 pm
by BaconFries
I take it you mean the panels and not bars? What template did you pinch from? that way I can view/look at the css/jquery.
It could be as simple as the following with the ? being the height you wish.

Code: Select all

<style>
   .panel-heading{    
       padding: ?px; //if not working use !important rule
   }
</style>

Re: Accordian

Posted: Thu Apr 09, 2026 9:51 pm
by crispy68
@bacon,
It looks like just the accordion widget.

@brynj
Doesn't the padding under the button:default state under the style tab control this?

Re: Accordian

Posted: Fri Apr 10, 2026 7:06 am
by brynj
BaconFries wrote: Thu Apr 09, 2026 9:34 pm I take it you mean the panels and not bars? What template did you pinch from? that way I can view/look at the css/jquery.


Hi - it was the 'Camping' template.

Re: Accordian

Posted: Fri Apr 10, 2026 7:08 am
by brynj
Doesn't the padding under the button:default state under the style tab control this?
Hi - yep that's it - so simple when you know. Sometimes the more you look the less you see!

Thanks