Adding Icon on Gallery Images in Bricks

When lightbox is enabled for the images in Image Gallery element, it is probably a good idea to add a visual indicator to tell the visitors that the images are clickable.

Here’s how this can be done.

Add the following in Image Gallery element’s Custom CSS:

root .bricks-layout-item::after {
	content: '';
	width: 40px;
	height: 40px;
	background: var(--bricks-color-primary) url('https://api.iconify.design/bi/zoom-in.svg') no-repeat center;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}