Changing the colour of your navigation bar makes your site unique and is very simple to do!!
Step 1. Go to the design tab and click edit HTML/CSS.
Step 2. Click on main style CSS and scroll down untill you reach the navigation section. It should look like this:
Changing the Colour:
To change the colour of the navigation bar scroll down to #nav-wrap and type in your chosen colour's hexadecimal value after background.
To change the hover colour scroll down to #topnav a:hover {. Type the colour's hexadecimal value after color to change the text hover colour. To change the background hover colour type in the colour's hexadecimal value after background.
Changing the Font:
Scroll down to #topnav a {. After font-family type in a font name from the list of Weebly fonts. To change the font to uppercase or lowercase go to text-transform and type in your preferred 'case'.
Do you know if there's a way to give each nav item a DIFFERENT hover color? My client wants all of the nav items to have the same color when inactive or not hovered, but each one to have a unique hover color. TIA!
Hi, if I have too many main pages in the menu it stops showing the 4th or 5th page. I have another site where the 4th page would start a second line at the left and even a third line. I like the site and therefore don’t want to change the template but just improve the menu so it is like the menu on the following site http://www.hotelzurpostge.de/.
Is this possible?