WordPress.org

Support

Support » Themes and Templates » [Resolved] Hover over change of colour

[Resolved] Hover over change of colour

Viewing 11 replies - 1 through 11 (of 11 total)
  • 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?

    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

    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

    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?

    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

    You can add a ‘hue’ colour:

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

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

    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

    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

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

    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.

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

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘[Resolved] Hover over change of colour’ is closed to new replies.