Solved

Image With Text Module Background Color Change - Mobile

geanyesboy
Tourist
4 0 3

Hello, I am trying to change the background color of my image text module on mobile. I can change the color however the margined spaces are still white. Can someone help? https://www.hfcousa.comScreenshot 2024-04-19 134732.png

Accepted Solution (1)

Made4uo-Ribe
Shopify Partner
6060 1456 1794

This is an accepted solution.

Hi @geanyesboy 

Your margin is in the wrong selector. 

Check this one. 

 

@media only screen and (max-width: 480px){
.caption--below-true .caption {
    margin: 0px !important;
    }
.position-left.caption.js-caption {
    background: aqua;
}
.caption-content.align-left {
    margin: 20px auto;
}
}

 

And Save. 

Result:

Made4uoRibe_0-1713553533338.png

 

 

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

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


View solution in original post

Replies 2 (2)

Made4uo-Ribe
Shopify Partner
6060 1456 1794

This is an accepted solution.

Hi @geanyesboy 

Your margin is in the wrong selector. 

Check this one. 

 

@media only screen and (max-width: 480px){
.caption--below-true .caption {
    margin: 0px !important;
    }
.position-left.caption.js-caption {
    background: aqua;
}
.caption-content.align-left {
    margin: 20px auto;
}
}

 

And Save. 

Result:

Made4uoRibe_0-1713553533338.png

 

 

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

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


geanyesboy
Tourist
4 0 3

Thanks that helped 🙂