Issue with Links Hover

  • Resolved Ajay

    (@ajay)


    2 weeks, 3 days ago

    I noticed a weird problem recently with hover links on my site. Under customizer I have set this to green on hover, but no matter what, hovering on links changes it to white color text.

    Inspecting this in Dev Tools, I’ve narrowed this down to this selector in non-critical-styles.min.css that seems to be taking preference.

    
[data-link="type-4"] :where(.entry-content :where(p, em, strong) > a, .entry-content > :where(ul, ol) a):hover {

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Eduard

    (@cteduard)

    2 weeks, 3 days ago

    Hello @ajay,

    I don’t think there are any issues here – everything is working as expected. You’ve selected the Type 4 design for links, which applies a background to them.

    In your case, the hover colour is set to green and is working correctly. To maintain contrast with the majority of background colours, the font is set to white, which is entirely expected behaviour.

    If you’d like to change the link style, you can do so under Customiser > General > Entry Content and explore the available options.

    Thanks,
    Eduard

    Thread Starter Ajay

    (@ajay)

    2 weeks, 3 days ago

    Thank you for the quick response. I’m not even sure when and how I set that Link Type. I’ve changed it to Type 5 now.

Viewing 2 replies - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.