aThemes: blog / changing the opacity level of the dark layer

Airi Pro
#1

Hello there,

I’ve got a problem with the athemes-blog on the website I’m currently working on (https://globaltalentmentoring.org).
Three of the latest News-Posts are being displayed on the landing page within equally shaped squares, displaying the picture of the post, veiled with a transparent black or dark grey. Elementor says it’s Type 5 of the aThemes: blog - element. I want to change the opacity level (make it slightly darker) of the dark layer on the top of the picture, but I can’t find the element which is causing this veiling-effect. When I inspect the element I get the css of:
.athemes-blog.airi_athemes_blog_skin_4 .post-content
But this controls the pictures of the posts, the size of the squares etc. but apparrently not the veil. But how could I adjust the opacity? Am I missing something?

I really hope someone can help :’)

athemes- blog skin4
athemes- blog skin41047×488 116 KB

#2

Hello, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

.athemes-blog.airi_athemes_blog_skin_4 .post-content::after {
    background-color: rgba(0, 0, 0, 0.5);
}

0.5 in the code above is that overlay opacity level, you can adjust it.

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support

#3

yes! thanks, that solved the issue perfectly!

1 Like
#4

You are welcome! :slight_smile:

Kind Regards, Roman.
aThemes Support