Livemesh Posts Grid Hover Color

[Yestin Rowse]

Hi,

I am using Livemesh Posts Grids to display blogs as image blocks in rows.

Is it possible via css to change the hover color over the image post and the opacity?

It is currently a dark grey hover with white text and sometimes it’s a struggle to read the text with the hover color/opacity. I want to change this hover to black or a pink colour (#ea0b8c) and maybe try it so it is less transparent and more of a solid color.

Can you advise the best way to do this.

Kind regards
Yestin

[Veena]

Pls use the below custom CSS in plugin settings > custom CSS –

.lvca-module-image:hover .lvca-post-link:after {
    opacity: .6 !important;
}
.lvca-post-title a {
    color: #000 !important;
}
.lvca-terms a {
    color: #fff !important;
}

You can change the color according to your needs.

[Yestin Rowse]

Hi,

I can’t get the hover box color to change with this code.

Kind regards
Yestin

[Veena]

Can you pls share a link to specific page ?

[Yestin Rowse]

Yes sure, we are using the plugin on this page: http://www.deltservices.co.uk/who-we-are/our-customers/

As well as on the blog: http://www.deltservices.co.uk/delt-blog/ and on the team page: http://www.deltservices.co.uk/team/

[Veena]

You have already applied custom CSS it seems , you need to change the below custom CSS –

.lvca-portfolio-wrap .lvca-portfolio .lvca-portfolio-item .lvca-project-image .lvca-image-info .lvca-post-title a {
    color: #ffffff !important;
}

And you can use the below for changing the hover brightness –

.lvca-portfolio-wrap .lvca-portfolio .lvca-portfolio-item .lvca-project-image:hover img {
    -webkit-filter: brightness(60%);
    filter: brightness(60%);
}

And to change the color of category terms pls use this –

.lvca-project-image .lvca-terms a {
    color: #000 !important;
}

[Author]

Posts