Livemesh Posts Grid Hover Color

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #30675
    Yestin RowseYestin Rowse
    Participant

    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

    Attachments:
    #30683
    VeenaVeena
    Moderator

    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.

    #30691
    Yestin RowseYestin Rowse
    Participant

    Hi,

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

    Kind regards
    Yestin

    #30692
    VeenaVeena
    Moderator

    Can you pls share a link to specific page ?

    #30697
    Yestin RowseYestin Rowse
    Participant

    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/

    #30701
    VeenaVeena
    Moderator

    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;
    }
    
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘WPBakery Page Builder Addons Support’ is closed to new topics and replies.