Impulse theme Large Image w/ Text Box... background (border) appearing on mobile version only

Solved
KateBen
Tourist
3 0 1

I have added a large image with text... on the desktop, it appears perfect... on mobile, there is a brief overlay color that remains almost like a border around the text box... apparently it samples the image and chooses this color. Anyone know how I can change the color? (The one I dislike is the tan overlay/background/border color that appears below the woman in the orange sweater.)

 

TIA!!!

www.rootcollegeadvising.com

pw: Franklin

 

 

Accepted Solutions (2)

Accepted Solutions
LitExtension
Shopify Partner
3372 665 726

This is an accepted solution.

Hi @KateBen,

Go to Assets > theme.css and paste this at the bottom of the file:

@media screen and (max-width: 768px) {
	.background-media-text--template--15362576318651__16500464547186b46f {
		background: #362f2d !important;
	}
}

You can change the color code to your liking. 

Hope it helps!

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!

View solution in original post

LitExtension
Shopify Partner
3372 665 726

This is an accepted solution.

Hi @KateBen,

If you want to change the color different from the above section, you can use the following code:

@media screen and (max-width: 768px) {
	.background-media-text--template--15362576318651__1650046689370ae931{
		background: #362f2d !important;
	}
}

Hope it helps!

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!

View solution in original post

Replies 4 (4)
LitExtension
Shopify Partner
3372 665 726

This is an accepted solution.

Hi @KateBen,

Go to Assets > theme.css and paste this at the bottom of the file:

@media screen and (max-width: 768px) {
	.background-media-text--template--15362576318651__16500464547186b46f {
		background: #362f2d !important;
	}
}

You can change the color code to your liking. 

Hope it helps!

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
KateBen
Tourist
3 0 1

Hi @LitExtension YOU ARE AMAZING. Thank you so much!! I love the way it looks now. Is there any way you can help me with the coding for the same situation just below? It's the photo of the two lightbulbs.

 

Really appreciate your help! 

LitExtension
Shopify Partner
3372 665 726

This is an accepted solution.

Hi @KateBen,

If you want to change the color different from the above section, you can use the following code:

@media screen and (max-width: 768px) {
	.background-media-text--template--15362576318651__1650046689370ae931{
		background: #362f2d !important;
	}
}

Hope it helps!

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
KateBen
Tourist
3 0 1

THANK YOU SO MUCH! Really appreciate your help!!