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?

[PageFly-Richard]

Hi @nxjus

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the 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

Hope this can help you solve the issue

Best regards,

Richard | PageFly

[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.

[wgulogin]

You can reduce the space between the image banner by adjusting the theme’s padding or margin settings through the website’s theme editor or custom CSS.