FROM CACHE - en_header

Remove text shadow in Newsletter Section in Prestige Theme

Solved
Kajsa
Excursionist
12 1 3

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

Accepted Solutions (2)

Accepted Solutions
dmwwebartisan
Shopify Partner
10759 2343 3341

This is an accepted solution.

@Kajsa 

Please check the following screenshot carefully. The media bracket is missing so please close that media bracket my first given code will work automatically.

curly-bracket-prb.jpg

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Kajsa
Excursionist
12 1 3

This is an accepted solution.

Click to expand...
@dmwwebartisan Thank you so much for your help! It is all working now 🙂

View solution in original post

Replies 12 (12)
dmwwebartisan
Shopify Partner
10759 2343 3341

@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
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Kajsa
Excursionist
12 1 3
dmwwebartisan
Shopify Partner
10759 2343 3341

@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
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Kajsa
Excursionist
12 1 3

@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
10759 2343 3341

@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
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Kajsa
Excursionist
12 1 3

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

dmwwebartisan
Shopify Partner
10759 2343 3341

@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
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Kajsa
Excursionist
12 1 3

@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
Shopify Partner
10759 2343 3341

@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
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
dmwwebartisan
Shopify Partner
10759 2343 3341

This is an accepted solution.

@Kajsa 

Please check the following screenshot carefully. The media bracket is missing so please close that media bracket my first given code will work automatically.

curly-bracket-prb.jpg

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Kajsa
Excursionist
12 1 3

This is an accepted solution.

Click to expand...
@dmwwebartisan Thank you so much for your help! It is all working now 🙂
atomicginger
New Member
4 0 0

Hi, I'm trying to do the same thing – as well as make the text 'enter email address' white. I entered that code but it didn't work. Screen Shot 2021-06-18 at 10.10.40 PM.png