Remove text shadow in Newsletter Section in Prestige Theme

[Kajsa]

Hello! I have added a section for customers to sign up for our newsletter on my front page. I am using the Prestige Theme. Everything is working out fine, but there's a shadow behind the text that I can't seem to get rid off. Does anyone have a clue how I can simply switch it off? To clarify, this is in the section called newsletter and not the popup. 

Thank you in advance, Kajsa

[dmwwebartisan]

@Kajsa 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

[Kajsa]

@dmwwebartisan Thank you! The URL is https://ournewroutine.com

[dmwwebartisan]

@Kajsa 

Please add the following code at the bottom of your assets/theme.css file.

.ImageHero__ContentOverlay{
text-shadow: none !important;
}

Hope this works.

Thanks! 

[Kajsa]

@dmwwebartisan Amazing! The problem is solved for the desktop version, although the text shadow is still there in the mobile version. Do you think I can have some guidance for that as well? Thank you so much. 

[dmwwebartisan]

@Kajsa 

I forgot. Please add the following code for the mobile.

@media screen and (max-width: 640px){
.ImageHero__ContentOverlay{ text-shadow: none !important; }
}

Let me know if this works. 

[Kajsa]

@dmwwebartisan Sorry, it does not seem to work. I see no difference in the mobile version. 

[dmwwebartisan]

@Kajsa 

Please add the following code without media.

.ImageHero__ContentOverlay{
text-shadow: none !important;
}

 This will work for both mobile and desktop.

I can see in the code for desktop it is with media, see below.

 

[Kajsa]

@dmwwebartisan I'm sorry.. I can't seem to find the @media attached to .ImageHero__ContentOverlay when I search for it in the code through Shopify. Although I can also detect it when I search for it through the desktop browser (as seen on your print screen). It shouldn't still be there since I removed @media yesterday. 

[dmwwebartisan]

@Kajsa 

There is something wrong with your CSS code. Let me check.