WordPress.org

Ready to get started?Download WordPress

Forums

Spun
[resolved] Hover over change of colour (12 posts)

  1. sharongolod
    Member
    Posted 1 year ago #

    Is it possible to change the grayscale to full colour but have a hover over colour when you position the mouse on top of the projects?

    Thank you,

    http://www.sharongolod.com

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    I think there are threads to remove the grayscale already, but what colour do you want to replace it with? Do you want that colour to have full opacity?

  3. sharongolod
    Member
    Posted 1 year ago #

    I would like the colours to display like they do right now at http://www.sharongolod.com but when you hover over to change to maybe a yellow (just an example)

    Thanks,

    Shar

  4. sharongolod
    Member
    Posted 1 year ago #

    In this site you will see what I mean, scroll down a bit and you will see what happens when you hover over images. http://aritzia.com

  5. Andrew
    Forum Moderator
    Posted 1 year ago #

    I've turned off grayscale on all images and made the hover colour of "sepia" instead of grayscale. The first image is hoverred on [screenshot].

    Is that what you want?

  6. sharongolod
    Member
    Posted 1 year ago #

    This is exactly what I want, what would the code look like then? And what if I wanted to have the hover over colour purple instead of sepia?

    Thank you,

    Shar

  7. Andrew
    Forum Moderator
    Posted 1 year ago #

    You can add a 'hue' colour:

    -webkit-filter: hue-rotate(200deg);

    Exampled: [screenshot] (first circle image is hoverred on).

  8. zebrawebdesigns
    Member
    Posted 1 year ago #

    Hello Sharon,

    Have a look at the screenshot

    I have used background color for the link <a tag
    and provided background-color as yellow along with border-radius as around 155px and made the image opacity as 0.6 on hover.

    before implementing webkit please understand you have to face browser compatibility issues.

    Let me know if this helps you

  9. deb76
    Member
    Posted 1 year ago #

    Hello everybody!

    Please sbhuvan, your settings seems to be that I am looking for.
    On what element do you apply these styles?

    .blog .hentry a .attachment-post-thumbnail?

    Thank you for help

    Deb

  10. sharongolod
    Member
    Posted 1 year ago #

    You'd have to create a Child Theme for this and apply it to the style.css

  11. deb76
    Member
    Posted 1 year ago #

    Sure Sharon, child theme and style css.
    I try and try and try, and don't find but I used an other method!
    I change options : sepia instead of grayscale.

  12. Andrew
    Forum Moderator
    Posted 1 year ago #

    You know we can't see your issue unless you link us it, right?

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.