• Resolved losrack

    (@carlos-jaramillo)


    Hi,

    I have my child theme and all.

    I am wondering if there is anything that is “bleaching” the a tag hover color via css or any other thing.

    No matter what color I set via css it always appears lighter than intended, so is there any filtering going on ?

    Thanks!

    • This topic was modified 6 years, 11 months ago by losrack.

    The page I need help with: [log in to see the link]

Viewing 11 replies - 1 through 11 (of 11 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you make sure you’ve linked us the right website?

    Thread Starter losrack

    (@carlos-jaramillo)

    done… sorry

    I have checked css in D tools but there has to be some opacity or filtering going on.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I can’t see it being bleached, can you give an example of a link that has the issue?

    Thread Starter losrack

    (@carlos-jaramillo)

    Any link would. The Site name and navigation for example … all links actually, so far I have just a few.

    This is the color #8b0000 I want, and sure here looks lighter.

    I looked the color on several html color pages and it sure looks darker, as I watched it on the same monitor as I am programming the css… Why would it appear differently.

    Thanks

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Looks the same to me: https://i.imgur.com/9YyHC9z.png

    Also the colour is coming through as #8b0000

    Thread Starter losrack

    (@carlos-jaramillo)

    Might be the surrounding white then that makes it look lighter.

    Thou .. originally the hover is some what grey from black and just wanted to make sure was there any opacity or filter.

    Anyway … here looks or seems lighter.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I’ve triple checked this and can’t see any programmatic symptom causing that in the theme on your site. I also can’t replicate the issue.

    Thread Starter losrack

    (@carlos-jaramillo)

    Just un update…

    I made some text with that color and it sure looks darker, so there has gotta be something going on to make it appear lighter.

    This is driving me nuts … just a simple thing!

    • This reply was modified 6 years, 11 months ago by losrack.
    Thread Starter losrack

    (@carlos-jaramillo)

    I just found the offending thing !

    .site-branding a:hover, .site-branding a:focus {
        opacity: 0.7;
    }

    Finally I have found it!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    That would only be applied to the site title – and it isn’t actually being applied because of this style:

    
    .site-branding a:hover, .site-branding a:focus {
        opacity: 1;
    }
    

    Try using a browser developer tool to explore what styles are actively being applied to the links like Chrome’s Inspect tool: https://developers.google.com/web/tools/chrome-devtools/inspect-styles/

    Thread Starter losrack

    (@carlos-jaramillo)

    I know … I will use a:focus

    Thanks.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘link hover color css thing’ is closed to new replies.