Solved

Reducing spacing between blocks Impulse theme

greentigershop
Excursionist
25 0 9

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.

 

shopify.png

 

 

shopify2.png

Accepted Solutions (2)
Made4uo-Ribe
Shopify Partner
5936 1429 1757

This is an accepted solution.

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:

Made4uoRibe_0-1708122756324.png

 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


View solution in original post

Made4uo-Ribe
Shopify Partner
5936 1429 1757

This is an accepted solution.

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. 

Made4uoRibe_0-1708270529824.png

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!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


View solution in original post

Replies 9 (9)

Made4uo-Ribe
Shopify Partner
5936 1429 1757

Hi @greentigershop 

Would you mind to share your store URL? Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


greentigershop
Excursionist
25 0 9

https://greentigerco.com/ 

 

pw is cheese

Made4uo-Ribe
Shopify Partner
5936 1429 1757

Thanks for the info, where can i find this? Its not visible on the shared link. 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


greentigershop
Excursionist
25 0 9

Go to the Refill page and scroll down. Thanks!

Made4uo-Ribe
Shopify Partner
5936 1429 1757

This is an accepted solution.

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:

Made4uoRibe_0-1708122756324.png

 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


greentigershop
Excursionist
25 0 9

@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

 

Screen Shot 2024-02-16 at 10.37.11 PM.png

Made4uo-Ribe
Shopify Partner
5936 1429 1757

This is an accepted solution.

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. 

Made4uoRibe_0-1708270529824.png

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!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


greentigershop
Excursionist
25 0 9

@Made4uo-Ribe Thank you, it worked! It took me some time to find the code because I don't know coding. Appreciate the help! 

greentigershop
Excursionist
25 0 9

@Made4uo-Ribe hello! Just wondering if you were able to find a solution? Thank you so much!