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

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 :’)

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

yes! thanks, that solved the issue perfectly!

1 Like

You are welcome! :slight_smile:

Kind Regards, Roman.
aThemes Support