Gallery overlay

1 reply · opened Sep 28, 2018

MmonikatreutweinSep 28, 2018

Hi,

presumably an easy question concerning the gallery:

I would like to change the overlay effect.
My overlay is a dark one, 3px bigger than the photo at the right side and bottom.

Instead of this I would like the photo just become a little bit lighter when hovering it (as in your galleries at html/galleries.html).

The code actually is:


	[
		
![attachment](images/photo01.jpg)

		
			
				
			
		
	](images/photo01.jpg)

Changes in the overlay classes do not work:

.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.overlay .overlay-wrap,
.text-overlay {
opacity: 0;
position: relative;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.6);
}

Seem to be not the right ones...

Thanks for your help in advance and regards,

Monika

SSemicolon WebSTAFFOct 4, 2018

Hello,

Thanks for your Patience!

Can you please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on this. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard