need help with collapsible content on product page

Store Design
, , ,
1

How do i make sure the collabsible items on my product page alway come closed uncollasped when user opens website like this:

ncsjcnjs_0-1742288783436.png
ncsjcnjs_0-1742288783436.png1047×562 8.65 KB

my website ur;: trendlabb.com

2

Good day @ncsjcnjs , could you please explain the issue? I checked the site, but the collapsible content is already closed.

1 Like
3

Do you want them all closed on load or want at least one open? If so you can add the following CSS to the custom CSS bloke.

/* Force the first tab's content to display */
.faq__list--item--wrapper .faq__list--item .faq__body {
  display: block !important;
}

/* Optional: Add a class to highlight the active tab button */
.faq__list--item--wrapper .faq__list--item__button {
  color: #000; /* Example: Change button text color */
}

Hope that helps.

1 Like
4

yeah, it got fixed. i just pasted the css and js file of section chatgpt and it edited the code. thanks for your time.

5

yeah, it got fixed. i just pasted the css and js file of section chatgpt and it edited the code. thanks for your time.

1 Like