Add item>Hover Color - change bg to image

lteh

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

lteh

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next