CHanging hover color on blog images - by hostpuppies

This topic has 7 replies, 3 voices, and was last updated 8 years, 9 months ago ago by Robert Hall

  • Avatar: hostpuppies
    hostpuppies
    Participant
    July 2, 2015 at 04:31

    I would like to change the color on hover of the image to blacj 50% transparent. I need the site to still have the same green color, just need the hover color on the images to change. Is there a css for this?

    see link in private area.

    Please, contact administrator
    for this information.
    6 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    July 2, 2015 at 07:26

    Hello,

    Please try to add this code in custom.css

    .wp-picture .zoom >i{
      background-color: #000;
    }

    Regards,
    Robert Hall.

    Avatar: hostpuppies
    hostpuppies
    Participant
    July 2, 2015 at 18:34

    Hey robert, that didnt do it. Still hovering on the blog image is the site green color.

    Avatar: hostpuppies
    hostpuppies
    Participant
    July 2, 2015 at 18:37

    Need it so that when you hover over the picture it changes to black 50% transparency not green. Please see the screenshot video.
    Video of screen

    thank you

    Avatar: Eva
    Eva Kemp
    Support staff
    July 2, 2015 at 20:02

    Hello,

    I’ve added this code in Theme Options > Custom CSS > Global Custom CSS:

    .wp-picture .zoom > i {
      background-color: black;
      opacity: 0.5;
    }

    Please check images now.

    Regards,
    Eva Kemp.

    Avatar: hostpuppies
    hostpuppies
    Participant
    July 4, 2015 at 03:44

    oh yes very nice. Thank you again.

    Avatar: Robert Hall
    Robert Hall
    Support staff
    July 4, 2015 at 07:44

    Hello,

    You’re welcome!
    If you have any questions please feel free to contact us.

    Regards,
    Robert Hall.

  • Viewing 7 results - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.