Support » Fixing WordPress » Image color change hover

  • Resolved mramsey


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

    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.

    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.

    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.

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