CSS Current Header Selection

  • Resolved semperaye

    (@semperaye)


    7 years, 10 months ago

    Hi,

    I’m having trouble figuring out how to change the TOC current hover color. Right now it turns the blue hyper-links bold blue whenever you are on a certain header section. What I would like it to do, is act like my theme’s blog breadcrumbs where the current page hyper-link is black.

    View post on imgur.com

    I can’t figure out how to change it with css without affecting things globally, and I couldn’t find a setting in the plugin either.

    Thanks for the help!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Steven

    (@shazahm1hotmailcom)

    7 years, 10 months ago

    Using CSS would be the way to make this change. What you need to do is make the CSS selector more specific so you do not make the change globally. Hope this helps!

    Thread Starter semperaye

    (@semperaye)

    7 years, 10 months ago

    Hello,

    Thanks for the reply. I’m having trouble getting this to work, I’m new at CSS…. here is what I’ve been trying different variations of:

    #ezw_tco-2 a, a:visited {
    color: #323232 !important;
    text-decoration: none;
}

    Also:

    .ez-toc-widget-container li.active>a, a:visited {
    color: #323232 !important;
    text-decoration: none
}

    Any ideas? Thanks!

    Thread Starter semperaye

    (@semperaye)

    7 years, 10 months ago

    It appears the last code I posted turns the hyperlinks within the widget black all the time.

    I dont want to change the a:visited all the time, I want to keep it blue, but instead of bold blue upon selection, have it turn bold black. So I guess I need to figure out what CSS is causing the bold effect so I can change the color.

    Thread Starter semperaye

    (@semperaye)

    7 years, 10 months ago

    Hmm NVM… The 2nd code I posted worked. I think I was just having a cache issue.

    Steven

    (@shazahm1hotmailcom)

    7 years, 10 months ago

    Yep, making CSS changes… caches will get you everytime. Good to hear your figured it out.

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

The topic ‘CSS Current Header Selection’ is closed to new replies.