• Resolved shiumai

    (@audreyshiu)


    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)
  • 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)

    Hi there,

    Sorry for the delayed response, that worked perfectly!

    Thank you so much.

    Thread Starter shiumai

    (@audreyshiu)

    resolved.

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

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