make collection images smaller on desktop dawn please

[studioseductres]

Hi id like there to be more space between each photo both horizontally and vertically just on desktop. Essentially make the photos smaller on each collection page. my store is this and this is one collection: https://studio-seductress.com/collections/boots

I am using dawn theme.

[devcoders]

Hello @studioseductres 

Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css Add the provided code at the end of the file.

@media (min-width: 990px) {
.collection .card__inner {
margin: 20px;
}
.collection .grid {
gap: 40px;
}
}

[studioseductres]

Hi unfortunately this code also didnt work 

[devcoders]

Hello @studioseductres 

Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css Add the provided code at the top of the file.

[studioseductres]

Hi sorry this didnt make more black space and the photo smaller unfortunately

[devcoders]

Hello @studioseductres 
How would you like it? Please send me a screenshot so I can check and make it just the way you want.

[studioseductres]

please reduce photo size by 20%

[devcoders]

Hello @studioseductres 

Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css Add the provided code at the top of the file.

.card__inner.color-accent-2.gradient.ratio {    
    width: 80% !important; 
    height: auto !important;
    margin-left: auto;
    margin-right: auto;
}

[studioseductres]

Thanks so much. Sorry one last thing id possible can you center the sizing chart accordian on product page and also the  "you may also like" text at the bottom where it reccomends products please

[devcoders · Accepted solution]

Hello @studioseductres 

Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css Add the provided code at the top of the file.

.product__accordion.accordion.quick-add-hidden {
margin: 0 auto;
max-width: 44rem;
}
.related-products__heading {
text-align: center;
}

[studioseductres]

Thanks so much but sorry I mean the "sizing chart" text so its centered like the rest of text

[devcoders]

Hello @studioseductres 

The size chat text won't look good in the center, it might drop down, so I set it like the 'Add to Cart' button.

[devcoders]

Hello @studioseductres 

If you want it in the center, add this CSS:

.accordion__title {
    margin: 0 auto;
}

[studioseductres]

Add to top of base css? didnt work

[devcoders]

Hello @studioseductres 

You're very welcome! I'm thrilled to hear that you're pleased with the outcome. Don't hesitate to reach out if you need further assistance.

like and accepting the All solution. Thank you!

[studioseductres]

hi the centering of sizing chart text did not worry sorry

[devcoders]

Hello @studioseductres 

[studioseductres]

password: yesyesyes