Good Day Im trying to upload multiple link blocks on my home page using the venture theme, however when I load an image to each of these link blocks there is a grey opacity colour overlay how do i remove this grey colour?
2 Likes
Hi,
Please share your store URL and if your store is password protected then also provide password too.
Thank you.
- Hello @julz777 ,Here is a step by step solution to remove the grey opacity overlay
- Go to your customization section, then select the theme settings tab, go to the colors tab, scroll down to the image overlays, there you can change the percentage of the opacity to 0% or change the background color to give a different hue. This changes it for the main screen, collections and title images.
I hope this helps
Regards
Iyanu
Hi @IyanuAk thanks for your message, I have followed your instruction however when i go to colours tab I dont see any image overlays option?
Hello There,
Please share your store URL and password.
So that I will check and let you know the exact solution here.
Can you share your store URL and the store password (if any)? Then I can review it
@ZestardTech the store is live but I havent made these links live because of the grey overlay
@julz777 , another way you can do it is by editing the code.Here is how to go about that:
-Go to your Shopify admin
-go to online store>Theme>actions and click on edit code
-Identify Asset or theme.scss.liquid (theme .css sometimes) and paste the following code
.collection-card__title{
color: white !important;
background: transparent !important;
}
I hope this helps
Regards
Iyanu
@IyanuAk I have located the file however Im not sure where to past the code as there is over 6500 lines? Also i noticed your code says collection however this is a link block not a collection so is this still correct?
@IyanuAk please could you explain your solution in more detail?