I am aiming to decrease the margin between collapsible texts on the product page if possible. I am using the Prestige theme if that helps! I will attach a photo of what I currently have and a photo of what I am aiming my store to look like. [(My current store)] [(Desired length in between the co…

@thankgodusa - add this and check .accordion .accordion__toggle{padding-block: 0.7rem;}

Yes! Here is a link to a product page example. https://thankgodusa.com/products/thank-god-hoodie

@thankgodusa - please add this css to the very end of your base.css file and check .product-info__block-item{margin: 0;} .product-info__block-group.accordion-group .accordion{border-top: 0;}

Hmm I tried adding that code to the theme.css and it didn’t seem to work. I don’t believe there is a base.css on the Prestige theme.

@thankgodusa - oh yes theme.css

@thankgodusa - add !important to given css above, so it becomes .product-info__block-item{margin: 0 !important;} .product-info__block-group.accordion-group .accordion{border-top: 0 !important;}

I just applied that code and it changed one of the collapsible texts (Description) so we are definitely close!

@thankgodusa - add this as well and check .product-info__block-group.accordion-group {margin-top: 0 !important;}

That seemed to adjust a separate part of the product page, hmmm. It isn’t too big of a deal if it can’t be done. Ideally, the collapsible texts could be a little bit skinnier so that mobile users won’t need to scroll past big blocks on the products page. I hope that makes sense haha. But again, it …

@thankgodusa - actually the title , price and accordion all share very same classes, hence it was changed

How to decrease the margin between collapsible texts on the product page?

Store Design

suyash1 May 30, 2024, 3:36am 2

@thankgodusa - can you please share this page link?

Topic		Replies	Views
Padding between buttons and Text in Prestige Theme Store Design	13	56	January 18, 2022
Reduce padding title and text Dawn Theme Shopify Discussion shop-performance	4	34	February 13, 2025
Dawn theme, how to reduce blank space above and below text in collapsible rows? Store Design troubleshooting , product-page	1	23	July 20, 2023
Increase the gap between each collapsible row on product information Store Design design , troubleshooting , product-page	9	92	August 12, 2025
How to add space in the Collapsible Content section Store Design menu , liquid , design , customizations , collection-page , landing-page , css , metafields , shopify-themes , troubleshooting , html , product-page	3	135	January 14, 2025

How to decrease the margin between collapsible texts on the product page?

Related topics