img disappear on hover help

  • Resolved skyleguy

    (@skyleguy)


    10 years ago

    I am using the newest version of wordpress, and newest version of Divi. I have created an image module and in the custom CSS settings I have moved it around using margins (yes i know there is a custom margins section in the advanced settings).

    I want this image to disappear whenever it is hovered.
    I have:
    ‘
    .et_pb_image_0:hover {
    opacity: 0;
    }’

    But it is not disappearing on hover. When i click into the “main element” it says near the top “.et_pb_image_0” so i only assume that is the correct name to call this element.

    Any help would be appreciated!

Viewing 5 replies - 1 through 5 (of 5 total)
  • CrouchingBruin

    (@crouchingbruin)

    10 years ago

    Can you please post a link to a page on your site where you are trying to make this happen? Since Divi is a commercial theme, I can’t install it to test it out, so it would be helpful to actually see the page. Thanks.

    Abhay

    (@abhay-raj)

    10 years ago

    .div:hover img { opcity: 0 }

    Thread Starter skyleguy

    (@skyleguy)

    10 years ago

    sorry Abhay, that suggestion did not work either

    CrouchingBruin

    (@crouchingbruin)

    10 years ago

    Your CSS seems to be working correctly. When I move my mouse over the check mark, it disappears. Maybe you need to clear your browser’s cache (press Ctrl-F5).

    Thread Starter skyleguy

    (@skyleguy)

    10 years ago

    I got it to work by going to the main admin page and then hitting ‘Divi’ on the left menu, then scrolling to the bottom and pasting the above code (without the _0 at the end) into the custom css area at the bottom of the page. Thanks for the help!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘img disappear on hover help’ is closed to new replies.