Featured collection resize and center on the home page

Store Design
1

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

1 Like
2

@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;
}
1 Like
3

hey KetanKumar thank you a lot !important :grinning_face_with_smiling_eyes:

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

appreciated

1 Like
4

@wahi

yes please provide screenshort

1 Like
5

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

1 Like
6

@wahi

do you have like this look?

KetanKumar_0-1635270512669.png
KetanKumar_0-1635270512669.png1920×1080 269 KB

1 Like
7

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

1 Like
8

@wahi

yes please just add this code that’s it

.page-width {margin: 0px auto;}
1 Like
9

didn’t work ,

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

10

i need more space between each of them

thank u

11

FIRST PRODUCT —> SECOND PRODUCT —> THIRD PRODUCT

SPACE SPACE

12

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 !

1 Like
13

@wahi

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