Hi,
I would like to reduce the spacing between the heading, text, and button. Please see attached image with black annotation showing the location.
Hello @lukeoneill90 ,
Share your store URL so we can check the issue and let you know the best possible solution.
Regards,
CedCommerce
@Cedcommerce Could you help?
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
1 Like
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
@Cedcommerce Could you help?
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:-
After:-
Hope this helps, let us know if you need any further help.
All the best,
CedCommerce
This worked very well, thank you 