How can I reduce the margins of a white box behind text on image overlay section?

Store Design
1

Hi all,

Anyone knows how I can reduce the size of the white box (reducing the margins maybe?) behind the text in my image overlay section?

Theme: Symmetry

Link: UrbanFrames | Buy & Sell Wall Art Online | Dubai, UAE

nadimnahas_0-1635302945802.png
nadimnahas_0-1635302945802.png1892×914 249 KB

2

hello @nadimnahas

please Go to Online Store->Theme->Edit code then go to assets/styles.css ->paste below code at the bottom of the file.

@media only screen and (min-width: 749px){
.template-index  .shopify-section.section-image-with-text-overlay .overlay-text__inner .overlay-text__text {
        padding: 20px 50px;
}
}
3

Awesome thanks! This fixed the height size :slightly_smiling_face:

Any idea how to reduce the width size? It’s still the same.