Kaiser Well-known member Nov 16, 2010 #1 If you visit my forum http://adminbb.info/index.php you will see the top links to login & signup are hard to see because of the color, can someone guide me on exactly what to do to change the color of the links to white?
If you visit my forum http://adminbb.info/index.php you will see the top links to login & signup are hard to see because of the color, can someone guide me on exactly what to do to change the color of the links to white?
Paul B XenForo moderator Staff member Nov 16, 2010 #2 That is controlled with this CSS in the login_bar.css template: HTML: #loginBar #loginBarHandle { color: #101010; font-size: 11px; line-height: 20px; text-align: center; } Change color: #101010; to something lighter, e.g. color: #FFFFFF; Upvote 0 Downvote
That is controlled with this CSS in the login_bar.css template: HTML: #loginBar #loginBarHandle { color: #101010; font-size: 11px; line-height: 20px; text-align: center; } Change color: #101010; to something lighter, e.g. color: #FFFFFF;
Jake Bunce Well-known member Nov 16, 2010 #3 Brogan said: That is controlled with this CSS in the login_bar.css template: HTML: #loginBar #loginBarHandle { color: #101010; font-size: 11px; line-height: 20px; text-align: center; } Change color: #101010; to something lighter, e.g. color: #FFFFFF; Click to expand... Am I looking at different code? My default login_bar.css template has this: Admin CP -> Appearance -> Templates -> login_bar.css Code: #loginBar #loginBarHandle { position: absolute; right: 0px; bottom: -20px; text-align: center; z-index: 1; padding: 0 10px; font-size: 11px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin-right: 20px; line-height: 20px; background-color: @primaryDarker; box-shadow: 0px 2px 5px @primaryDarker; color: @primaryLightest; } You can see by default it uses this palette color: Admin CP -> Appearance -> Style Properties -> Color Palette -> @primaryLightest Upvote 0 Downvote
Brogan said: That is controlled with this CSS in the login_bar.css template: HTML: #loginBar #loginBarHandle { color: #101010; font-size: 11px; line-height: 20px; text-align: center; } Change color: #101010; to something lighter, e.g. color: #FFFFFF; Click to expand... Am I looking at different code? My default login_bar.css template has this: Admin CP -> Appearance -> Templates -> login_bar.css Code: #loginBar #loginBarHandle { position: absolute; right: 0px; bottom: -20px; text-align: center; z-index: 1; padding: 0 10px; font-size: 11px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin-right: 20px; line-height: 20px; background-color: @primaryDarker; box-shadow: 0px 2px 5px @primaryDarker; color: @primaryLightest; } You can see by default it uses this palette color: Admin CP -> Appearance -> Style Properties -> Color Palette -> @primaryLightest
Kaiser Well-known member Nov 16, 2010 #5 Jake Bunce said: Am I looking at different code? My default login_bar.css template has this: Admin CP -> Appearance -> Templates -> login_bar.css Code: #loginBar #loginBarHandle { position: absolute; right: 0px; bottom: -20px; text-align: center; z-index: 1; padding: 0 10px; font-size: 11px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin-right: 20px; line-height: 20px; background-color: @primaryDarker; box-shadow: 0px 2px 5px @primaryDarker; color: @primaryLightest; } You can see by default it uses this palette color: Admin CP -> Appearance -> Style Properties -> Color Palette -> @primaryLightest Click to expand... Just change color: @primaryLightest; to the color html number Upvote 0 Downvote
Jake Bunce said: Am I looking at different code? My default login_bar.css template has this: Admin CP -> Appearance -> Templates -> login_bar.css Code: #loginBar #loginBarHandle { position: absolute; right: 0px; bottom: -20px; text-align: center; z-index: 1; padding: 0 10px; font-size: 11px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin-right: 20px; line-height: 20px; background-color: @primaryDarker; box-shadow: 0px 2px 5px @primaryDarker; color: @primaryLightest; } You can see by default it uses this palette color: Admin CP -> Appearance -> Style Properties -> Color Palette -> @primaryLightest Click to expand... Just change color: @primaryLightest; to the color html number
Paul B XenForo moderator Staff member Nov 16, 2010 #6 Jake Bunce said: Am I looking at different code? My default login_bar.css template has this: Click to expand... My mistake Jake. I pasted the content from Firebug instead of the template <facepalm> I'll have to be careful of that in future. Upvote 0 Downvote
Jake Bunce said: Am I looking at different code? My default login_bar.css template has this: Click to expand... My mistake Jake. I pasted the content from Firebug instead of the template <facepalm> I'll have to be careful of that in future.