Image color change hover

  • Resolved mramsey

    (@mramsey)


    11 years ago

    OK so I am a complete novice at WordPress and I have inserted an image onto a page. Now i want to make it to where when you hover over the image with a cursor it changes colors, preferably maybe just fades some becoming more transparent. Is there a css code or something you can post within the photo advanced settings under css or style? I am trying to avoid making changes to the layout source code files if possible. Any help would be appreciated.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Design Locker

    (@design-locker)

    Assign a class to your image and add the follwoing code to your child theme css file.

    imgclassname:hover {
opacity: 0.5;
}

    Substitute imgclassname above to the class name you assigned to the image. You can change opacity to whatever you wish.

    Thread Starter mramsey

    (@mramsey)

    How do you know which is the child theme css? If i go to appearance and then editor I get options for my purchased theme , twenty fourteen, twenty thirteen, and twenty twelve. All with several documents some css and some css.php.

    Design Locker

    (@design-locker)

    It would be the CSS file for your purchased theme.

    You should be using a Child Theme of the theme you purchased. When the developer of the theme you purchased releases a theme update, any modifications you made to the theme will be overwritten if not using a child theme.

    Thread Starter mramsey

    (@mramsey)

    I actually used this video to achieve the technique I wanted. I’ll post it so if anyone else ever wonders how they can see. https://www.youtube.com/watch?v=-jfQeqd0eqc

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Image color change hover’ is closed to new replies.