Row image overlay

[Touttavong]

Hi,
I’ve been trying to place a colour overlay over my images. My setup in cornerstone is as follows:

section>row>column>row>column>classic image

Instead of using CSS, is there a way to do this in cornerstone? If I have to use CSS, where do I put the class? Currently, I’m targeting each column but that’s not ideal as there are lots of them!

container
:before {
content: “”;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0,0,0,0.2);
z-index: 999;
}

image
.x-img {
width: 100%;
padding: 0;
display: block;
margin: 0;
}

Thanks, appreciate the help as always!

[jade]

Hi @9metis,

There is currently no option to add an overlay to the image so you will have to use custom CSS.

@9metis

container
:before {
content: “”;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0,0,0,0.2);
z-index: 999;
}

image
.x-img {
width: 100%;
padding: 0;
display: block;
margin: 0;
}

If this is your current approach, add the class to the column setting:

Hope this helps.

[Touttavong]

Jade, this worked perfectly! Thanks!

[friech]

We are delighted to assist you with this.

Cheers!