focus color in navigation

  • I’m trying to change the active link color in the navigation to a darker color. I also have secondary menu’s under the links, shop, interior design, portfolio and press, that I have also tried to set the active color but have not been able.
    I am working in a child theme for twenty fourtten and am using fourteen colors plugin. In fourteen colors I have set the active to a darker color but it does not show up. I’ve tried adding the css to the child style sheet but it does not change the active color.
    I’m not sure what I am doing wrong. Can anyone help.
    This is a link to the url. https://www.absolutelyinc.com/absolute/
    Thank for any help.

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

  • Hi shilogh55

    I’ve been working on the same problem and have come across the same issues. I’ve tried changing changing everything I can think of in the child css, but it seems to be overriden by the fourteen colors plugin. (You mention you’ve changed the “active” color – am I right in thinking you’re referring to the “accent” color within the “Colors” dropdown?) I managed to get mine to work by changing the “accent” color.

    That aside, I’ve managed to force my child’s css to override the plugin, by using the ( !important ; ) property in the child theme’s css file, e.g.,:

    a {
	color: #FFFF00 !important;
	text-decoration: none;
}

    I’ve believe I’ve read somewhere that the ( !important ; ) property is frowned upon by purists (not sure why…?), but it works for me.

    (I understand there’s also a way to add a function to deactivate the plugin css. Also, some plugins have inline css, which would override your child’s.)

    Hope this helps.

    Cheers

    Thread Starter shilogh55

    (@shilogh55)

    Thanks, I will try that.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘focus color in navigation’ is closed to new replies.