Options
Change color of navigation bar
shmori
Registered Users Posts: 22 Big grins
Could somebody guide me to change color of navigation bar (menu) using CSS, I did not find any option to change it. Thank you and I appreciate you taking time to help.
www.ashishdoshi.com
Thank you
www.ashishdoshi.com
Thank you
0
Comments
I used the following code:
.sm-page-widget-nav-toplink {
color: #XXXXXX;
}
Change the XXXXXX with the RGB colors that you want the nav bar to have. You can also change the whole #XXXXXX with a predefined color like red or green or orange or gray or maroon or...
Go to Customize > Customize Site > Entire Site
Click on the Theme tab
Click on the wrench to change your active Theme
Click on the Advanced tab in the Theme edit window
Click the edit option in the Custom CSS
Paste the code in the CSS screen
Click done (twice)
Then go to the Homepage section in the right pop-up window and repeat the same in that Theme tab to make sure (the color of) your nav bar on the Homepage is identical to the nav bar on the other pages.
Luc
Thank you for your guidance, after playing with it I had it figured out. I wanted whole bar not just toplink so CSS looks
.sm-page-widget-nav {
color: #XXXXXX;
}
Thank you.
Great !!
Luc