How can I eliminate white space in my online store?

jtorres
Explorer
66 0 17

Hello, how can I remove this space:

 

Captura de pantalla 2022-08-12 a las 12.06.50.png

This is my store: https://www.nobox.shop/products/depilador

 

Thank you in advance for your time and help!

Replies 6 (6)

oscprofessional
Shopify Partner
15897 2378 3084

@jtorres ,

.fimg_false.variations.mb__40.style__radio.full.size_exlarge.style_color.des_color_1.remove_soldout_false {
margin: 0;
}

 

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

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
jtorres
Explorer
66 0 17

@oscprofessional Thank you very much. It worked well, but there is a problem. It looks great on the phone, but it is too close on computer. Is it possible to separate it more only on computer?

PageFly-Victor
Shopify Partner
7865 1785 3067

Hi! @jtorres 

This is PageFly - Free Landing Page Builder. I would love to provide my recommendations for 

your store based on 6 years of providing solutions for about 100.000 active Shopify merchants.

 

Online Store->Theme->Edit code->Assets->theme.scss.liquid

@media screen and (max-width: 749px) {

.fimg_false.variations.mb__40.style__radio.full.size_exlarge.style_color.des_color_1.remove_soldout_false {

margin: 0;

}

}

it will be fine on phone and desktop

Best regards,

PageFly

jtorres
Explorer
66 0 17

@PageFly-Victor Thanks for your help! Is it possible that it only applies to the phone format?

 

PageFly-Victor
Shopify Partner
7865 1785 3067

@jtorres 

Now add this code:

.single_add_to_cart_button.button.truncate.js_frm_cart.w__100.mt__20.order-4 {
        margin-top: 25px !important;
}
jtorres
Explorer
66 0 17

@PageFly-Victor I pasted it, but it is the same still. Is it possibly that the first code, applies only to the phone?