Hi there,
how do I decrease the space between the pop up links here?
I tried below but this code did not work:
.popup-link {padding-bottom: -20px;}
site: homepage
Topic summary
A user needed to reduce vertical spacing between popup links in the Ritual theme. Their initial CSS attempt using negative padding on .popup-link didn’t work.
Solutions Provided:
- One suggestion recommended adjusting
padding-blockon.group-block-content.layout-panel-flex.layout-panel-flex--columnin thestyles.cssfile - Another approach suggested changing the same selector to
display: blockinbase.css
Resolution:
The issue was successfully resolved using one of the provided CSS solutions. The user confirmed it worked well, though they didn’t specify which approach they implemented.
Technical Note:
Both solutions target the flex layout container of the popup links, either by reducing block padding or changing the display property from flex to block.
1 Like
Hello @INFRA,
Try this css
.group-block-content.layout-panel-flex.layout-panel-flex--column {
padding-block: 8% !important;
}
You can add this css in assets → styles.css
Hello @INFRA
- From your Shopify Admin, navigate to Online Store > Themes > Edit Code
- In the Assets folder, open base.css and add your CSS code at the end
.group-block-content.layout-panel-flex.layout-panel-flex--column {
display: block;
}
1 Like
that worked well, thank you!
Hello @INFRA
Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance. If helpful, please like all posts.