Remove text shadow in Newsletter Section in Prestige Theme

Solved
Kajsa
Tourist
6 1 2

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. 

Skärmavbild 2021-02-17 kl. 14.45.40.png

 

Thank you in advance, Kajsa

0 Likes
dmwwebartisan
Shopify Partner
4477 1004 1285

@Kajsa 

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

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Kajsa
Tourist
6 1 2

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

0 Likes
dmwwebartisan
Shopify Partner
4477 1004 1285

@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! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Kajsa
Tourist
6 1 2

@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
Shopify Partner
4477 1004 1285

@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. 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Kajsa
Tourist
6 1 2

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

0 Likes
dmwwebartisan
Shopify Partner
4477 1004 1285

@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.

 contentoverlay.jpg

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Kajsa
Tourist
6 1 2

@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. 

0 Likes
dmwwebartisan
Shopify Partner
4477 1004 1285

@Kajsa 

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

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes