Solved

featured collection resize and center on the home page

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)

KetanKumar
Shopify Partner
36839 3635 11972

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
36839 3635 11972

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
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
36839 3635 11972

@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
36839 3635 11972

@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
36839 3635 11972

@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

wahi
Excursionist
14 0 5

FIRST PRODUCT ---> SECOND PRODUCT ---> THIRD PRODUCT 

                        SPACE                               SPACE

wahi
Excursionist
14 0 5

thank you a lot Kumar 

i just adjust the first code you gave me 

from        ( justify-content: center; )

to this     ( justify-content: space-between; )

its add more spacing between the items 

i appreciate ! 

KetanKumar
Shopify Partner
36839 3635 11972

@wahi 

its my pleasure to help us also thanks for update code share 

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