[personal profile] cesy posting in [community profile] style_system
With Bases, the hover and active for the navigation module gives a background colour that is linked to the module link hover colour. I want to specify a different background colour for hover and active for the navigation module. What CSS should I use? I can't figure it out.

Layout info: http://www.dreamwidth.org/customize/advanced/layersource?id=77277
Preview: http://cesy.dreamwidth.org/?s2id=90493

Date: 2009-09-30 01:11 pm (UTC)
ninetydegrees: Art: self-portrait (Default)
From: [personal profile] ninetydegrees
In the source code, I can see:

#content > .inner > .module-navlinks .module-list-item a:hover {background: $*color_module_link_hover; text-decoration: underline; }

#content > .inner > .module-navlinks .current {
background: $*color_module_link_hover; }

I simply used:

.module-navlinks .module-list-item a:hover {background: #ff00ff !important;}
.module-navlinks .module-list-item a.current {background: #ffff00 !important;}

and it worked for me.

Profile

Dreamwidth style system discussion

April 2025

S M T W T F S
  12345
6 78910 1112
13 141516171819
2021 2223242526
27282930   

Page Summary

Style Credit

Expand Cut Tags

No cut tags
Page generated May. 31st, 2025 02:05 am
Powered by Dreamwidth Studios