A user seeks help reducing unwanted spacing between two blocks on their Shopify store using the Impulse theme: a rich text block and a question block within an FAQ section.\n\nInitial Issue:\n- Excessive gap between \
Hi All,
I need your help with removing the spacing between the 2 blocks I have here. The Dropps Dishwasher Pod is a rich text block and then the Ingredient list is a question block. They are under the FAQ Section. I want to make the Ingredient List closer to the text above it.
Please let me know if you have other questions. Appreciate the help.
Would you mind to share your store URL? Thanks!
pw is cheese
Thanks for the info, where can i find this? Its not visible on the shared link.
Go to the Refill page and scroll down. Thanks!
@Made4uo-Ribe hello! Just wondering if you were able to find a solution? Thank you so much!
Hi, Yeah sorry i didnt notice the notification. it seems like you add some heading in that area an didnt take out the margin.
Check this one.
From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
div#shopify-section-template--21919152111891__faq h4 {
margin: 0px !important;
}
.index-section--faq {
margin-bottom: 0px
}
And Save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
@Made4uo-Ribe Thank you, that worked! But now I ran into another spacing issue. There is a big space between the 1st ingredients and the 2nd item (Rustic Strength…) - See the bottom red bracket. How do I also minimize this? You can disregard the top red bracket.
Thank you
The space between the available scents looks good on my side. But the space between rustic the default is 75px.
You can find the code in the section.css.
if you dont find it you can paste other codes.
@media only screen and (min-width: 769px){
.index-section--faq {
margin: 25px 0 37.5px;
}
}
And change whatever size you like.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
@Made4uo-Ribe Thank you, it worked! It took me some time to find the code because I don’t know coding. Appreciate the help!