Container accordion use / JS functionality

shemeam

I would like to be able to use the 'container accordion' blocks for article type content, rather than for spotlighting content.
However, I cannot seem to increase the size of the text boxes so that they are the width of the block, is this possible or could it be made possible>

Thanks
Alison

aman204

shemeam Hi

To be more precise and avoid confusion/ambiquity in addressing your query, Do you wish to have something like as seen in screenshot for the specific content block

shemeam

Yes, exactly, and also top to bottom, so it is like a regular 'content' block (but in an accordion)

aman204

shemeam Yes, exactly, and also top to bottom, so it is like a regular 'content' block (but in an accordion)

Try add this to custom fields of JA Page Builder and adjust padding value accordingly:

.container-accordion .jub-block .container.container-md{width:100% !important;}
.container-accordion .jub-block .hero{padding-top:2px !important;padding-bottom:2px !important;}

Kindly ensure to clear your browser cache if changes dont reflect

shemeam

OK, thanks, I will test it out.

shemeam

Thank you, after a false start the layout is now good.
once problem though, when you click the 3rd, 4th, 5th (etc) accordion the ones above do not collapse (it works fine when you click the 2nd one).
The page is https://www.holliesbeauty.com/treat2

Thanks for your help

This video shows the problem http://youtu.be/JnEwemgNS_w?hd=1

aman204

shemeam once problem though, when you click the 3rd, 4th, 5th (etc) accordion the ones above do not collapse (it works fine when you click the 2nd one).

Troubleshooting measure

Kindly try to update JA Builder to latest version i.e.1.1.5 as the latest version comes with several bug fixes and improvements so we can see if it helps fixing the relative issue

Also, Would suggest to take backup of your site before performing aforesaid steps, in case rollback required whilst facing any issues e.t.c

If still issue persists

Can you add your ftp details too in edit fields in order to take closer look

For reference, You can follow thread post (5 point) procedure.