Add item>Hover Color - change bg to image

lteh · April 2018

Hello support,

I have created a Section>wrap>add item>'hover color' x3

I want to change the background to an image for the 'Hover color' item. The builder adds style to the bg using inline style.

I used !important when targeting the class (class="hover_color_bg") with custom CSS however this changes all 3 DIVs.

Is there a way to add a custom class to the div (class="hover_color_bg") for each hover color??

None of the 'hover color' item options allows this.

Bryan · April 2018

Hi,
you can add a custom class to the hover color items and then target each one by that class name.
thanks

lteh · April 2018

Thanks support.

I tried this - I added a custom class to the hover color in the options, however this is the grand parent DIV and not where the bg-image/color is applied.

I targeted .my-custom-class > div > div {background-image:url('link')}

This worked however has now overridden the hover effect applied.. What do you suggest?

I am cautious the code is not optimal as there is inline code being overwritten with !important. Is there an easier way to create a 'hover color' using muffin builder?

Thank you.

Bryan · April 2018

Please send a link to this page and point us to these elements, we will check your customization.
thanks

Add item&gt;Hover Color - change bg to image

Comments

Add item>Hover Color - change bg to image