Debut theme: how to reduce gap between "buy it now" and product description?

Solved
BRIZAM
Excursionist
41 3 8

Hi Team,

 

How can I reduce this gap from all my products page?

brizam.com (pw: m)

 

Screen Shot 2021-07-06 at 5.37.26 pm.png

 

 

0 Likes
Pallavi
Shopify Expert
2240 370 486

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

.product-single__description {
margin-top: 0px!important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
BRIZAM
Excursionist
41 3 8

Hi @Pallavi 


Thank you ! 
It only worked for two of my products (vegetable slicer, and portable blender) 

Didn't work on the other products, would you know why?

Pallavi
Shopify Expert
2240 370 486

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

.product-single__description.rte h1 {
margin-top: 0!important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Natztech
Shopify Partner
1404 393 950

This is an accepted solution.

hello @BRIZAM 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.template-product .product-single__description.rte h1{
	margin-top: 0 !important;

}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
BRIZAM
Excursionist
41 3 8

Thank you @Pallavi  - worked perfectly!!

Pallavi
Shopify Expert
2240 370 486

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.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes