Issues customizing x-bg-layer-upper-color class with css

[wmmajaliwa]

Hello, X

I am having an issue with my css and the x-bg-layer-upper-color class

I am trying to toggle a change in color on hovering which seems to work well when I use chrome to trigger it but not when i actually mouse over and hover.

What could I be doing wrong?

Images below

[rad]

Hi Wilfred,

Thanks for reaching out.

Mobile view like in your screenshot doesn’t have hover functionality, but yes, the background color should stay the same regardless of device. Would you mind providing your admin login credentials in the secure note? It’s currently behind an underconstrucion page.

Thanks!

[ruenel]

Hello Wilfried,

Your background color is a solid color. The only way to achieve a color change is by using a custom css altering the opacity of your solid color. I have added this custom css into your page:

.x-section .x-container .x-column:hover .x-bg-layer-upper-color {
    opacity: 0.65;
}

Please check the effects now.

[wmmajaliwa]

Thanks, RueNel

I’ve seen the change

[Prasant]

Glad to hear that.