Symmetry Theme Reduce Space Between Image Banner

[nxjus]

Hi, i want the space between image banner to be 10px. 

www.postercorner.com (password: poster)

Thank You

[nxjus]

Sorry its www.posterseason.com

[safdvfbgnhjmnhb]

8171registrationonline

[Made4uo-Ribe]

Hi @nxjus 

Im sorry, cant get it reduce the space between image banner? Do you mean the content of the image banner? 

[nxjus]

Reduce this Space

[Made4uo-Ribe]

Thanks for the info, 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.

.slider__item.gallery__item.image-overlay {
    margin-left: 5px;
}
.gallery.gallery--height-adapt.gallery--grid-desktop-4.gallery--grid-mobile-1 {
    margin-right: 5px;
}

And Save.

Result:

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

[nxjus]

Thank You, but I need 30px space left and right on the screen, look now on the website. 

[PageFly-Richard]

Hi @nxjus 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
div#section-id-template--23173185962252__gallery_XgE7LF .gallery--with-margins {
margin-top: 10px;
}
</style>

Hope this can help you solve the issue 

Best regards,

Richard | PageFly