Shannt
Regular poster
Registered: 02-2019
Location: Texas
Posts: 143
Karma: 0 (+0/-0)
|
Reply | Quote
|
|
Need Help With Nav Bar
My board: https://bourcountryhome.runboard.com/
I'm using the Blue Feather skin. How do I change the font color for the navigation bar at the top? It looks to have a shadow and I don't want that.
---
|
12/2/2019, 5:56 pm
|
Link to post
Email Shannt
PM Shannt
|
Lesigner Girl
Global Administrator
Head of Runboard staff
Registered: 11-2005
Posts: 26740
Karma: 436 (+489/-53)
|
Reply | Quote
|
|
Re: Need Help With Nav Bar
Hi Shannt!
I added this CSS to your board:
#rb-navbar a.navbar-link:link, #rb-navbar a.navbar-link:visited, #rb-navbar a.navbar-link:active {
color: #000;
text-shadow: none;
}
/* Current page and hover effect */
#rb-navbar a.navbar-link:hover,
#myprofile #rb-navbar .nav_main_home a:link, #myprofile .nav_main_home a:visited,
#cpanel #rb-navbar a[href$="control_panel"]:link, #cpanel a[href$="control_panel"]:visited,
#newcomm #rb-navbar a[href$="create_community"],
#supportpages a#rb-navbar-help,
#pm #rb-navbar a[href$="pm"] {
text-shadow: none;
border-color: transparent #6663 transparent #3333;
background-color: #4443;
}
The first part removes the text shadow and changes the text to black instead of white. The second part changes the hover background and borders from dark solid colors to see-through colors, so your background image can show through it.
In case you're not familiar with 4-character color codes, the first three are RGB, and the 4th one is opacity (or A for 'alpha'). You can also use 8-character codes, so that it's #RRGGBBAA instead of #RGBA, for more control over the color and opacity.
Last edited by Lesigner Girl, 12/3/2019, 12:00 am
|
12/2/2019, 11:56 pm
|
Link to post
Email Lesigner Girl
PM Lesigner Girl
Blog
|
Shannt
Regular poster
Registered: 02-2019
Location: Texas
Posts: 143
Karma: 0 (+0/-0)
|
Reply | Quote
|
|
Re:
Okay, thank you!
---
|
12/3/2019, 12:49 am
|
Link to post
Email Shannt
PM Shannt
|
Lesigner Girl
Global Administrator
Head of Runboard staff
Registered: 11-2005
Posts: 26740
Karma: 436 (+489/-53)
|
Reply | Quote
|
|
Re: Need Help With Nav Bar
You're very welcome!
|
12/4/2019, 7:03 pm
|
Link to post
Email Lesigner Girl
PM Lesigner Girl
Blog
|