Symmetry Theme Reduce Space Image Banner

[nxjus]

Hello, i want the space between image banner to be 10px but still the same space left & right of the screen.

cultureposter.com (password: poster)

Thank You!

[comercioservice]

@nxjus 

Hi, Please go to

1) Online store

2) Themes -> Edit theme

3) asstes

4) base.css and add this code end of the file

@media (min-width: 768px) {
    .gallery--with-margins .gallery__item {
        margin: 0 0 0 10px !important;
    }
}​

result:

I hope it works for you, let me know, and If you'd like to discuss this more, don't hesitate to send me a PM

Thank you

[nxjus]

Thank You, but now there is not enough space left on the screen.

[comercioservice]

@nxjus here is the update code 

@media (min-width: 768px) {
    .gallery--with-margins .gallery__item {
        margin: 0 0 0 10px !important;
    }
    
    .shopify-section.section-gallery .container.container--not-mobile {
        padding-left: 50px;
    }
}​

I hope it works for you, let me know, and If you'd like to discuss this more, don't hesitate to send me a PM

Thank you

[Made4uo-Ribe]

Hi @nxjus 

I am bit confuse, image banner or collection list? This one?

if it is, check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

@media (min-width: 768px) {
    .gallery--with-margins .gallery__item {
        margin: 0 0 10px 10px;
    }
}

And Save. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[nxjus]

Thank You, but now there is not enough space left on the screen.

[Made4uo-Ribe]

if you like to remain the left margin on the 1st collection Check this one. 

Replace the code below. 

@media (min-width: 768px) {
    .gallery--with-margins .gallery__item:not(:first-child) {
        margin-left: 10px;
    }
}

And Save. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!