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

nadimnahas
Excursionist
42 0 12

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

 

Replies 2 (2)

Kinjaldavra
Shopify Partner
2302 570 1422

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;
}
}

 

nadimnahas
Excursionist
42 0 12

Awesome thanks! This fixed the height size 🙂

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