portfolio

Pls try the below custom CSS in Elementor Addons > settings > custom CSS –

.portfolio .lae-project-image::after {
    height: 100%;
    content: "";
    background: rgba(0, 0, 255, 0.5);
    position: absolute;
    top: 0;
    left: 0px;
    right: 0px;
    opacity: 0;
}
.portfolio .lae-project-image:hover::after, .portfolio .lae-project-image:hover::before {
    opacity: 1 !important;
}
.portfolio .lae-project-image:hover .lae-image-info .lae-entry-info {
    z-index: 99999;
}

Pls change the background color accordingly.

I have another issue, where the settings for skipping to another page, i defined 9 items per page but the additional items wont appear even if i’m using filters.

I assume you are asking why the filters display less than 9 items when using filters when the number of posts per category is 9 per page. This is by design (in free version) since the filter is Javascript based and filtering is working in browser only, on the 9 items that were fetched initially. In the free version of the plugin, we don’t fetch additional items from the server when filter category is applied.

In the premium version of the plugin though, we do fetch posts from the server via AJAX calls on each filter and hence additional posts do show up on each filter. You can see a demo of this in action here – https://livemeshelementor.com/posts-grid-pro/.