Hi, thank you for the great work on the Kalium Theme!

I have a problem building the team page and I cannot find the solution myself. Probably a conflict with my theme settings? As I am still working on localhost, you find attached the screens.

I am trying to build a team page with a distanced background hover (red). By now the hover is not working and remains black transparent.

I guess this are the correct selectors in the CSS child theme-document:

/* Team Member */
.team-holder .member .hover-state {
    background-color: transparent !important;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 80%,rgba(0,0,0,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;    
}

Any idea how to fix it or maybe a plugin conflict?

Thank a lot in advance,

Katrien

Hi Ylli,

thank you for your reply. Yes, I installed the Education demo.

I commented the codes in the Custom CSS area, but the hover is still not working. Any idea?

Best, Katrien

Sorry Ylli, the hover is working now, but not the transparancy.

Best, Katrien