Lightbox Class

I Need Help
1

Hi guys, I have a div container with hover effect. now I would like to make it clickable to open a gallery. it seems that doesn’t work at blocs. so I did try it with a image overlay. now I have the problem with the visability of the circle in the middle. anyone knows how I can edit this? How can I remove the + symbol?

The options to open a lightbox gallery is very limited at blocs :frowning:

17
Bildschirmfoto 2019-07-23 um 10.39.17.jpg1158×1362 191 KB

1 Like
2

Hi @RME

I think you can simply use the .d-none class to hide that specific element.

MDS

1 Like
3

HI @RME

Additionally, the CSS which has the plus sign, circle, etc. is

a[data-lightbox]:hover::before{
	content:"+";
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial;
	font-size:32px;
	line-height: 42px;
	width:50px;
	height:50px;
	margin-left:-25px;
	border-radius: 50%;
	background:rgba(0,0,0,.6);
	color:#FFF;
	font-weight:100;
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

so you can trigger these settings to get rid of the circle and its content.

MDS

4

Great. Many thanks.