White Gaps - flex theme

Highlighted
New Member
4 0 0

Hi,

 

I've just installed flex theme from OOTS and currently working on customizing the theme.

 

Looking for some advice on how I can reduce the white gaps between elements?

Screen Shot 2020-02-25 at 12.35.50.png

0 Likes
Highlighted

Hello @spartanjavelin,

Please share your site url so that I will give you exact solution

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
4 0 0

Hi osc

 

shopify url https://spartan-precision-equipment-usa.myshopify.com/

 

I'm working on a theme that isnt published on the live site

 

Thanks

0 Likes
Highlighted

Hello @spartanjavelin,

1. Go to Online Store->Theme->Edit code
2. Asset->styles.scss.liquid->paste bellow code in bottom of file

.product .modal_price.left {
	margin-bottom: 0;
}
.product .product_name {
	margin-bottom: 6px;
}
.product .purchase-details__buttons {
	margin-top: 6px;
}
.product .purchase-details.smart-payment-button--true {
	padding-bottom: 0;
}

 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
4 0 0

Thanks for getting back to me so quickly.

 

It worked for the price and title.

 

Didn't seem to work for the description.

 

Thanks!

Screen Shot 2020-02-25 at 12.59.55.png

0 Likes
Highlighted

@spartanjavelin,

Try this code

#product-form {
	margin-bottom: 0;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
4 0 0

Thanks again but that didn't seem to work 

0 Likes
Highlighted

@spartanjavelin,

Can you please share your demo store so that I will help you

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes