WordPress.org

Forums

[resolved] Image color change hover (5 posts)

  1. mramsey
    Member
    Posted 1 year 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.

  2. Design Locker
    Member
    Posted 1 year ago #

    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.

  3. mramsey
    Member
    Posted 1 year ago #

    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.

  4. Design Locker
    Member
    Posted 1 year ago #

    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.

  5. mramsey
    Member
    Posted 1 year ago #

    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. http://www.youtube.com/watch?v=-jfQeqd0eqc

Topic Closed

This topic has been closed to new replies.

About this Topic