How to Create a Transparent Window

Support
#1

hello support, how do you create a transparent window over your featured background image? healthsamon.com

#2

Hi,

Thanks for writing in!

Can you please double check your url, it seems your site is down at the moment so we can’t check.

I also check healthsalmon.com and it is currently under construction mode.

If I understand you correctly you want to remove the black hover effect on featured images?

If that’s the case, you can add the code below in Theme Options > CSS

a.entry-thumb:hover img {
    opacity: 1;
}

a.entry-thumb:hover:before {
    opacity: 0;
}

Hope that helps.

#3

hello Paul, sorry for that. am working on some stuff but that white transparent window will be one of my primary features please see this and get the picture https://avocadu.com/ see that window which contains content is exactly what i want. thanks

#4

Hi there,

I tried checked your site too but it is also not accessible on my end.

But based on the site you have linked, what you can do is set the background image as the background of the section then set a background color to the column setting and lessen its opacity through the color setting. Please refer to the video below:

Hope this helps.

#5

wow, Jade, that is excatly what I was looking for.:smiley: am greatful thanks a lot.

#6

Glad we were able to help :slight_smile:

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.