Runboard.com
Слава Україні!
Lost? Hover on Bookmarks!
Runboard Extra! The Runboard Directory Runboard Knowledge Base

Welcome to Runboard Support, the place to find help with your Runboard user account or message board.

If you can't find the answer you need with our search feature, ask here, and a member of staff will respond to you personally.

Chat room Runboard Knowledge Base (wiki) Search Facebook Twitter

runboard.com       You are not logged in.

 
Shannt Profile
Live feed
Blog
Friends
Miscellaneous info

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 Profile
Live feed
Blog
Friends
Miscellaneous info

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


---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
12/2/2019, 11:56 pm Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Shannt Profile
Live feed
Blog
Friends
Miscellaneous info

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 Profile
Live feed
Blog
Friends
Miscellaneous info

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!

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
12/4/2019, 7:03 pm Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 


Add a reply



You are not logged in (login)