Livemesh Grid Image-Overlay Color

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #28690
    Bettina SBettina Staerkle
    Participant

    Hi,

    I am switching from the post carousel to portfolio grid and have previously used a custom CSS code to create a white image-overlay for the post carousel:

    .lsow-image-overlay {
    background: #fff !important;}

    I tried to apply the same CSS code to the portfolio grid but the overlay image would stay black or dark gray with rather than changing to white. I tried adjusting the *.scss file for this widget but without any success. Could you please guide me where to make this change?

    Thank you!

    #28694
    VeenaVeena
    Moderator

    Kindly don’t add any style changes in theme files. You can control the same by adding custom CSS in themeoptions.

    Pls share specific page link , ll suggest you the required custom CSS.

    #29935
    Bettina SBettina Staerkle
    Participant

    Hi Veena,

    I managed to adjust the custom CSS for the free version of the widget. I just purchased the pro version and am having the same problem. In other words, I can’t use my previous custom CSS because all definitions and mapping have changed.

    I tried using the following custom CSS to adjust the overlay but nothing changes:

    .lsow-module-11 .lsow-module-image:hover {
    background: rgba(117, 190, 218, 0.8);
    }

    I also tried to make the same adjustment within .lsow-module .lsow-module-thumb:hover {} and it also doesn’t work.

    Please advise. Thank you,
    Bettina

    http://www.thenexttrip.xyz/

    #29941
    VeenaVeena
    Moderator

    Pls use this –

    .lsow-module-11 .lsow-module-image .lsow-post-link:after {
        background: rgba(0, 5, 225, 0.5) !important;
    }
    

    This should work.

    #29947
    Bettina SBettina Staerkle
    Participant

    Thank you Veena, this worked!

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Livemesh Grid Image-Overlay Color’ is closed to new replies.