How can I remove the overlay from Caros Shopify 2.0 banners?

kspeed
Tourist
8 0 2

Hi, I use Caros shopify2.0, All its banners must have an overlay. I have adjusted the Image Overlay in the basic settings to 0% Opacity

I have tried other people's methods to adjust the code, but it also failed. What should I do? I am very distressed.

 

Replies 9 (9)

Jon_Innovonics
Shopify Partner
24 3 8

Hello there! What is the site URL?

️ If I was helpful, please Like or Accept the solution


Contact me directly via email: Jonathan@Innovonics.com


 

kspeed
Tourist
8 0 2

Dan-From-Ryviu
Shopify Partner
7726 1506 1513

Hi @kspeed 

Could you share your store URL to check? 

 

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

kspeed
Tourist
8 0 2
Dan-From-Ryviu
Shopify Partner
7726 1506 1513

Go to Online Store > Themes > Edit code > open theme.liquif file, add this code after <head> and save file

<style>
.hero-overlay--dark:before,
.overlay--dark .slide-image:after,
.card-text-overlay--light .image .img:before {
background: transparent !important;
}
</style>

 

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

kspeed
Tourist
8 0 2

Thank you very much, you helped me a lot. But I still have a question, please help me. This update key template is on the same line as the search key, but after I edited it, it became like this.未1.png

Dan-From-Ryviu
Shopify Partner
7726 1506 1513

Update my previous code to this 

<style>
.hero-overlay--dark:before,
.overlay--dark .slide-image:after,
.card-text-overlay--light .image .img:before {
background: transparent !important;
}
.themevale_MultiCategory_wrapper {
max-width: 1300px !important;
}
</style>

 

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

kspeed
Tourist
8 0 2

Thank you very much, this works. Thank you for your prompt help. wish you all the best💝

Dan-From-Ryviu
Shopify Partner
7726 1506 1513

Happy I could help ❤️!

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now