Perth Row Overlay Opacity

Hi, row overlay color opacity default is 0.6. I added the following CSS to child theme style.css file but it isn’t working. What would the correct CSS be for changing the opacity?

.panel-grid .overlay {
opacity: 0.4 important!;
}

Hello there,

Please try this code:


.panel-grid .overlay {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}


and be sure that a group of CSS code in your child theme’s style.css is error free. You can check it using this tool: https://jigsaw.w3.org/css-validator/#validate_by_input

Regards,
Kharis

That doesn’t seem to be working. I even tried adding !important but that still didn’t make a difference. Do you have another suggestion?

Is your site being cached by a plugin like W3 Total Cache? If so, please empty all cache and try again. If it remains the same, please share the link to your site here.

Regards,
Kharis

No, the site does not have any cache plugins. Here is the link to the page with the overlay

http://apprica.com/home-video-header-option-1/

Hello there,

Please edit the child theme’s style.css, and put the suggested code after this line:


@import url("../perth/style.css");

So it will look like this:


@import url("../perth/style.css");

.panel-grid .overlay {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}

Let me know how it works.

Regards,
Kharis