Remove dark "filter" on Pictures with Txt

Solved

Remove dark "filter" on Pictures with Txt

ASHPOSY
New Member
9 0 0

Hello,

 

I am using the Stockholm theme and when ever there is a picture with Txt the picture is dark or filtered

If i change the position of the picture to "Top" i lose the txt but the picture is crisp.

 

Can anyone help me? I am a newbie 

Thank you

ASHPOSY

Accepted Solution (1)
ThePrimeWeb
Shopify Partner
2138 615 497

This is an accepted solution.

Yeah sure @ASHPOSY,

 

Just replace the code with this, steps are the same

 

<style>
.gallery-with-text__card:before,
.image--overlay .banner__media:after,
.video-section__poster:before {
    display: none !important;
}
</style>
Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 10 (10)

ThePrimeWeb
Shopify Partner
2138 615 497

Hey @ASHPOSY,

 

Can you share the link to your store? Thanks!

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
ASHPOSY
New Member
9 0 0

The store isnt live yet.

ThePrimeWeb
Shopify Partner
2138 615 497

You can share a preview link @ASHPOSY 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
ThePrimeWeb
Shopify Partner
2138 615 497

Hey @ASHPOSY,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

 

<style>
.gallery-with-text__card:before {
    display: none !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1708205202039.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
ASHPOSY
New Member
9 0 0

That totally worked!!! Can you do the same for image banners? and Video?

 

OMG thank you

ThePrimeWeb
Shopify Partner
2138 615 497

This is an accepted solution.

Yeah sure @ASHPOSY,

 

Just replace the code with this, steps are the same

 

<style>
.gallery-with-text__card:before,
.image--overlay .banner__media:after,
.video-section__poster:before {
    display: none !important;
}
</style>
Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
ASHPOSY
New Member
9 0 0

Thank you so much

ThePrimeWeb
Shopify Partner
2138 615 497

No worries, Glad it worked!

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!