Accordion: The height of the elements cannot be reduced - Forum | JoomShaper
Staff replied SP Page Builder

Accordion: The height of the elements cannot be reduced

Asked by Gerhard 4 months ago Last activity 1 month ago

I'm using Joomla 5.4.5, Helix Ultimate and Page Builder 6.5.0

I am unable to reduce the height of the elements in the accordion. In the Element Padding settings, I can increase the spacing, but I cannot reduce it. A negative value is ignored. The spacing remains unchanged and cannot be reduced.

Do I need to enter CSS code?

Thank you for help

Gerhard

7 replies

Toufiq Senior Staff

Hi there,

Thank you for reaching out, and I apologize for any inconvenience caused by this oversight. Yes, You have to put your custom css code.

Best regards,

Toufiqur Rahman (Team Lead, Support)

Gerhard Asked this

Hello Toufiq,

and wich custom css code do I need?

Gerhard Asked this

With this CSS code, I can only increase the element's height, not reduce it. For example, if I enter 1px: nothing happens.

I have inserted the accordion on the following page, at the very bottom, in the blue box:
www.hofmann-fz.de

The elements are too tall for the text size. What can I do?

Toufiq Senior Staff

If you wanna like this, please apply this css code.

https://prnt.sc/aW6a44JW9MVb

.custom-style .sppb-panel.sppb-panel-custom {
    height: 35px;
    line-height: 20px;
}
Gerhard Asked this

The element can now be resized, but the accordion no longer works. The text add-on won't open anymore.

Toufiq Senior Staff

Could you kindly grant me access to your Joomla administrator area so that I can investigate the issue you're experiencing? Prior to providing access, please ensure that you have backed up your site. Additionally, it's important to note that providing login credentials is entirely voluntary on your part; we respect your decision either way. However, if you do choose to share the login details, it would greatly expedite the resolution process. Thank you for your cooperation.

Log in to reply.