Change image hover color – opacity CSS

  • Resolved shiumai

    (@audreyshiu)


    9 years, 12 months ago

    Hi there,

    I’d like to change the opacity of any image when I hover over with my cursor. How can I do that using Custom CSS?

    My site is http://www.shiumaieats.com and is a child theme of Genesis – ‘Kindred theme’.

    I have a similar issue with the hover color of my submenu items from the primary navigation bar. I’d like to change the color of the background of each submenu item.

    I GREATLY APPRECIATE any help!!! Thank you in advance!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Clarion Technologies

    (@clarionwpdeveloper)

    9 years, 12 months ago

    Hello shiumai,

    Please add the below code of css in your theme style.css file:

    .genesis-nav-menu .sub-menu a:hover {
    background-color: #ddd; /*---- add the color code that you want----*/
}
img:hover {
        opacity: 0.5;
}

    Thanks

    Thread Starter shiumai

    (@audreyshiu)

    9 years, 11 months ago

    Hi there,

    Sorry for the delayed response, that worked perfectly!

    Thank you so much.

    Thread Starter shiumai

    (@audreyshiu)

    9 years, 11 months ago

    resolved.

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

The topic ‘Change image hover color – opacity CSS’ is closed to new replies.