Reducing paragraph spacing between header, text, and button on Image Banner? Shopify Dawn

[lukeoneill90]

Hi, 

I would like to reduce the spacing between the heading, text, and button. Please see attached image with black annotation showing the location. 

 

[Cedcommerce]

Hello @lukeoneill90, 

Share your store URL so we can check the issue and let you know the best possible solution. 

Regards, 

CedCommerce

[lukeoneill90]

Hi,

Here is the URL 

https://ninetyfurniture.myshopify.com/ 

Password: ninety

[Cedcommerce · Accepted solution]

Hello @lukeoneill90, Apologies for the delay in the reply, but we got you covered.

You need to add the below code at the end of your base.css file in the assets folder.

Go to Shopify admin > Online store > Select theme

Edit code > Open the base.css file from the assets folder

Paste the code below in the last of the file and save it.

Here is the code:

.banner__box .banner__heading {

   margin-top: 0px !important;

   line-height: 50px !important;

}

.banner__box .banner__buttons {

   margin-top: 5px !important;

}

Let us know if you need any further help with this. 

Regards,

CedCommerce

[lukeoneill90]

Great it works! Thanks so much.

I have another question regarding spacing but on another page. 

I would like to reduce the line spacing between a line and the sequential line after hitting the enter button. For each product page. Please see attached screenshot with the black annotated line again. 

Cheers

 

[lukeoneill90]

@Cedcommerce Could you help?

[Cedcommerce]

Hello @lukeoneill90, 

Thanks for reaching out to CedCommerce. We are glad we made a difference. 

This issue can be resolved by adding a custom code to your base.css file. For your help we are providing the code below, add the same and your problem will be resolved. 

.accordion__content p{

   margin: 10px 0px !important;

}

You can check the results below. 

Before:-

image.png

After:-

image.png

Hope this helps, let us know if you need any further help. 

All the best,

CedCommerce

[RUUJIGLOBAL]

This worked very well, thank you 🙏

[lukeoneill90]

@Cedcommerce  Could you help?