evanhauer Posted May 29 Posted May 29 Updating on 7.1 at https://www.wholesystemsdesign.com/ I am trying to emulate the navigation styles (colors) we had on our 7.0 site shown below. As an example this represents the ACTIVE STATE (yellow) of the nav link(s) if a user is on the "apprenticeship" page if you were to hover on "courses": The default upon 7.1 upgrade was everything white with underlines. I was able to get close with the following CSS: /* HEADER NAV STYLES */ .header-nav-item--active a { background: none !important; text-decoration: none !important; color: hsl(46, 60%, 60%) !important; } .header-nav-item a:hover { color: hsl(46, 60%, 60%) !important; transition: all 0.3s ease; } .header-nav-folder-content{ background-color:hsl(114, 6%, 59%)!important } /* END HEADER NAV STYLES */ Which results in this appearance when a user is on the "apprenticeship" page: As you can see, all links under active "courses" are shown as active state, and the underline is forced back in. What am I missing?
tuanphan Posted June 1 Posted June 1 Change this line .header-nav-item--active a to this .header-nav-item--active>a Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment