Split Theme - Removing image overlay from sections "Rich text"

Solved
ViktorPika
Excursionist
33 0 0

Hello, could anyone help me out removing the dark overlay of the "Rich text" sections in my Split Theme? No options in Theme Editor for this.

 

It's the 3 images below the "Behind the Artwork" in my homepage: https://outboundee.com/

0 Likes
sarhov
Shopify Partner
482 86 143

@ViktorPika 

 

You mean those overlays ?

zeomXzU

Author: Hovhannes Sargsyan (aka sarhov).
An individual web developer focused on Shopify development.
Need more help? Feel free to send me a direct message or drop an email shopify@sarhov.com

Website: https://sarhov.com  
Email: shopify@sarhov.com
Skype: @sarhov
Telegram: @sarhov
Try Shopify free for 14 days,
0 Likes
Jasoliya
Shopify Expert
4117 569 997

This is an accepted solution.

Follow this:

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

 

.mount-content-row .site-box-background.with-image::after { opacity: 0; }

 

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
ViktorPika
Excursionist
33 0 0

Hi Sarhov!

 

Not these. Scroll a bit more down, there are 3 images with a dark overlay:

 

overlay.JPG

0 Likes
ViktorPika
Excursionist
33 0 0

Jasoliya's code worked! Done :)

 

Thank you

0 Likes
ViktorPika
Excursionist
33 0 0

Hi @Jasoliya, I'm coming back to this thread as I'd like to make a change to the same homepage section as last time.

 

I'd like to have the same overlay effect on all my homepage sections that look like this:

overlay effect.JPG

And have them applied also to the section in the bottom that starts with this image:

overlay.JPG

Is that possible with a CSS code?

0 Likes
Jasoliya
Shopify Expert
4117 569 997

you want to set overly effect again on marked section? 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
ViktorPika
Excursionist
33 0 0

Not just overlay, but the exactly same effect as the other images - so shaded on hover and click-through to the relevant collection

 

overlay effect.JPG

0 Likes
Jasoliya
Shopify Expert
4117 569 997

Then you have to change html structure of this section with css can't  give by just console.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
ViktorPika
Excursionist
33 0 0

@Jasoliya so as I understand it this is not an easy fix, but custom work?

0 Likes