featured collection resize and center on the home page

Solved
wahi
Excursionist
14 0 5

hello , i need help with my store home page , i had a feature collection on the home page but i want them to be in the center of the page and also resize them 

my store url : https://my-upwork-clients.myshopify.com/

the password : 123

Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
24923 2498 9041

This is an accepted solution.

@wahi 

yes please try this code

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

.page-width {margin: 0 auto;}
.grid--view-items {
    margin-right: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

 

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 12 (12)
KetanKumar
Shopify Partner
24923 2498 9041

This is an accepted solution.

@wahi 

yes please try this code

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

.page-width {margin: 0 auto;}
.grid--view-items {
    margin-right: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

 

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

wahi
Excursionist
14 0 5

hey  KetanKumar thank you a lot !important

another thing if you can help, how I can adjust a space between these products 

appreciated 

 

KetanKumar
Shopify Partner
24923 2498 9041

@wahi 

yes please provide screenshort

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
wahi
Excursionist
14 0 5

the same three product on the home page , how i put space between them , i cant take screenshot for some reason 

KetanKumar
Shopify Partner
24923 2498 9041

@wahi 

do you have like this look?

KetanKumar_0-1635270512669.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
wahi
Excursionist
14 0 5

yes these, i want to adjust the spacing between each of them 

KetanKumar
Shopify Partner
24923 2498 9041

@wahi 

yes please just add this code that's it 

.page-width {margin: 0px auto;}
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
wahi
Excursionist
14 0 5

didn't work , 

also if you have a code that i can adjust the spacing using numbers value ( Example:  margin:  0px 0px )

wahi
Excursionist
14 0 5

i need more space between each of them 

thank u