Livemesh Grid Image-Overlay Color

[Bettina Staerkle]

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!

[Veena]

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.

[Bettina Staerkle]

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/

[Veena]

Pls use this –

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

This should work.

[Bettina Staerkle]

Thank you Veena, this worked!

[Author]

Posts