Zoom box opacity

MarcHegeman · March 2018

Hello,

I'm using the Zoom Box item in muffin builder. The hovered part of this item has a overlay background with an opacity of 0.8. I want to change this to 1, so the box stays full coloured. Is there a way to achieve this?

Kind regards.

Bryan · March 2018

Hi,
you can change it with this css.

.zoom_box .desc {
    background: rgba(0,0,0,1) !important;
    }

thanks

MarcHegeman · March 2018

I've added the same CSS, in the child theme's css and later in the zoombox custom css box, but it didn't has the result as i'd expected. (see image below)

https://imgur.com/a/1erJl

MarcHegeman · March 2018

Cache has been deleted as well

MarcHegeman · March 2018

If i add the code to the custom css box of the theme itself it is kind of working, but the background is always black right now. The problem is, i want the colors to remain like they are, only the opacity has to change, because i use different background colors.

https://imgur.com/a/QMLwU

Bryan · March 2018

Please send a link to your page so we can inspect the zoombox and see what is going on.
thanks

MarcHegeman · March 2018

https://develop.totalbodymanagement.nl/#aanpak

It is the section "Aanpak", now al the boxes have a black background on hover, but they have to be blue, pink, and purple like they are without hover and the other three have to be light grey on hover.

Bryan · March 2018

Sorry but if you want a full opacity background color then it is only possible to set one, in this case the black color:rgba(0,0,0,1); You can change the color but only for all items.
Ofcoure if you know how, you can change it for each individuall but you would have to add custom classes.
thanks

Zoom box opacity

Comments