How can I make the spacing equal for an element on the product page?

Solved

How can I make the spacing equal for an element on the product page?

shaanrevery
Tourist
11 0 1

Hey,

Can you please help me in making the spacing of the stitch count text block equal between the size variant block and the description block on the product page?

Elaborating on it, at the moment the padding and margin between the stitch count text and size selector is less, whereas the padding and margin between the stitch count text and the description is more. I want it to be equally spaced between both of them.


I am using the free Dawn 2.0 theme on Shopify. If you need the base.css file or the theme.liquid file, please let me know.

Here is the website preview link: https://p31wswbe0nr3mp1x-58147176561.shopifypreview.com/products_preview?preview_key=ad92968b60c6c86...

Thanks a lot!

 

Screenshot 2024-07-08 at 3.47.34 PM.png

Accepted Solution (1)
oscprofessional
Shopify Partner
15938 2383 3092

This is an accepted solution.

Hello @shaanrevery 

 

Go to online store > Edit theme code > base.css > Insert the code at the bottom of this file "base.css" .

 

body .product__info-wrapper .product__info-container .product__description {
    margin: 1rem 0;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

View solution in original post

Replies 3 (3)

shaanrevery
Tourist
11 0 1

@oscprofessional can you please help me with it here?

oscprofessional
Shopify Partner
15938 2383 3092

This is an accepted solution.

Hello @shaanrevery 

 

Go to online store > Edit theme code > base.css > Insert the code at the bottom of this file "base.css" .

 

body .product__info-wrapper .product__info-container .product__description {
    margin: 1rem 0;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
shaanrevery
Tourist
11 0 1

Thanks a lot. You're a lifesaver!