whenever i open a new collapsible content section it has too much space in between rows, it looks like this
What’s the theme name and/or website url?
Hey @jlorvx
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
this is the url: 7f4w1i-jg.myshopify.com
the problem is at the bottom of the product purchase section, and the theme is sense.
Ok I see what you’re talking about now. It’s at the very bottom of the page. Standby.
Hey @jlorvx
Follow these Steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code in the bottom of the file above </ body> tag
<style>
section#shopify-section-template--26277668782368__collapsible_content_8CV4rF .accordion {
height: 55px !important;
}
</style>
RESULT:
If I managed to help you then a Like would be truly appreciated.
Best,
Moeed
Something changed in your theme, and is making those section accordions 520px.
A new theme does not have this height. You can do as @Moeed suggested to change it, or I would suggest to download a new theme version.
yes, thats true, @Moeed solution fixes the problem i had with that specific collapsible content section but whenever i open a new one the problem persists. it doesnt matter to me now, however, if i wanted to fix it permanently and use another theme, wouldnt that just reset my whole process on my website?
If you don’t want to switch to a completely fresh theme then here’s what I’ll suggest, whenever you create a new collapsible content section, then you’ll see an option of “Custom CSS” in the section settings.
Just simply add this code below in the Custom CSS option of that specific section and it will be solved.
.accordion {
height: 55px !important;
}
Cheers,
Moeed
Depends on how much work you put into customizing but more or less… that’s why themes have “custom css” sections that usually don’t get overwritten during theme updates. And Shopify allows up to like 20 themes in your library so you don’t have to worry about it being lost, as long as you duplicate before major changes.
How about you try setting the 55px value to “unset”, see if that works.
Don’t add “px” just add “unset” nothing else
it works perfectly fine now, thank you