Solved

Venture 12.6.0 - reduce some of the margins

roxiesweetheart
Excursionist
11 0 11

Hi all!

I've been playing around with the code and managed to get some things changed but also managed to mess up some of the borders/margins so there are some weird gaps!

Can anyone tell me how to reduce these margins again?

My website is : www.roxiesweetheart.co.uk

I've attached screenshots of the areas I need changing (marked with red) within a doc. file (not sure why I can't upload images)

Thank you 🙂

Accepted Solutions (3)

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@roxiesweetheart 

yes please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.template-index .main-content {margin-top: 0;}
.shopify-section--slideshow:not(:first-child)+.shopify-section--slideshow .hero--adapt, .shopify-section--slideshow:not(:first-child)+.shopify-section:not(.shopify-section--full-width) {
margin-top: 10px;
}
.index-section {margin-bottom: 10px;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@roxiesweetheart 

yes please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.collection-card {height: 335px;}
.product-card__image-container {margin-bottom: 100px;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@roxiesweetheart 

i have check again its work as well just product name long issue 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 15 (15)

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@roxiesweetheart 

yes please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.template-index .main-content {margin-top: 0;}
.shopify-section--slideshow:not(:first-child)+.shopify-section--slideshow .hero--adapt, .shopify-section--slideshow:not(:first-child)+.shopify-section:not(.shopify-section--full-width) {
margin-top: 10px;
}
.index-section {margin-bottom: 10px;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
roxiesweetheart
Excursionist
11 0 11

Thank you!

That worked for the gaps at the top and under the gallery but I also need to make the margins between the products photos and product titles in 'what's new' and 'gifts under £10' on the main page please

Thanks again 🙂

KetanKumar
Shopify Partner
36839 3635 11972

@roxiesweetheart 

if reduce spacing see issue 

KetanKumar_0-1636750473732.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
roxiesweetheart
Excursionist
11 0 11

It looks okay to me... what is the issue?

Thank you

KetanKumar
Shopify Partner
36839 3635 11972

@roxiesweetheart 

product card box doesn't anglin

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
roxiesweetheart
Excursionist
11 0 11

I can't really notice! Can you send me the code so I can try it please?

Thank you 🙂

KetanKumar
Shopify Partner
36839 3635 11972

@roxiesweetheart 

look at this 

KetanKumar_0-1636754375234.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
roxiesweetheart
Excursionist
11 0 11

Text and images dont completely align as it is anyway if you look at the current live website

KetanKumar
Shopify Partner
36839 3635 11972

@roxiesweetheart 

do you need any help?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
roxiesweetheart
Excursionist
11 0 11

Yes I want to reduce the spacing

thank you

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@roxiesweetheart 

yes please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.collection-card {height: 335px;}
.product-card__image-container {margin-bottom: 100px;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
roxiesweetheart
Excursionist
11 0 11

great that worked! Can I do the same to the collection underneath too?

KetanKumar
Shopify Partner
36839 3635 11972

@roxiesweetheart 

that's work whole site

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
roxiesweetheart
Excursionist
11 0 11

@KetanKumar wrote:

@roxiesweetheart 

that's work whole site

 


It only worked for the top collection

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@roxiesweetheart 

i have check again its work as well just product name long issue 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing