Portfolio overlay opacity « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Portfolio overlay opacity

4 posts from 2 voices

Tags:

AlliantStudios
Member

Can you point me to where I would adjust the opacity of the black overlay which shows up over thumbnails & post images? Ideally I'd like perhaps 20-30% black rather than the current 80%

Not sure if this is an easily accessible fix. I can adjust the javascript if necessary, but I cannot find where it is being controlled.

thanks

(I love the theme by the way)

Posted 6 months ago #
Devin
Moderator
Hey AlliantStudios,

Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
```
.image_overlay_effect {
background-color: rgba(0,0,0,0.3);
}
```
The 0.3 should put you at 30%.

Regards,

Devin
Posted 6 months ago #
AlliantStudios
Member

Thanks so much Devin.

Your solution almost worked. I needed to add:

.csstransforms .image_overlay_effect {background-color: rgba(0,0,0,0.3);}

(it needed greater specificity to override the original style ... but you helped me find the style. Thanks so much!)

Posted 6 months ago #
Devin
Moderator

Glad you were able to finish it ;)

You can also almost always use #top in Kriei's themes before a class to give it priority too. Just in case there are other areas with a similar structure that don't take the opacity from this css.

Regards,

Devin

Posted 6 months ago #

You must log in to post.