Smaller spaces between section and centering featured grid

Store Design
1

store link: https://akc4a33bxoxjnbaa-61834461370.shopifypreview.com

I’d like to reduce the space between sections as I think there’s too much white padding.

Also, am trying to figure out how I can center the Text Column with Images as I only want to feature one product/picture at the moment and don’t like how it looks over on the left. (black shirt)

Thank you very much

unknown.png
unknown.png1037×702 56.3 KB

2

Hi, @kxndesign

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> theme.css ->paste the below code at the bottom of the file.
@media only screen and (min-width: 786px){
.index-section {
    margin: 10px !important;
}
}
3

Hi, that fixed the section spacing, thanks!

Any tips for centering the black shirt?

EDIT: figured it out, thank you anyways!

4

plz add the following code at the bottom of theme.css

@media only screen and (min-width: 786px){
#shopify-section-template--15740686893242__16602411674de58a56 > div > div > div > div:nth-child(1) {
    margin-left: 20% !important;
}
#shopify-section-template--15740686893242__16602411674de58a56 > div > div > div > div:nth-child(2){
width: max-content !important;
}