Change color of navigation bar

shmori

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

Luc De Jaeger

shmori wrote: »

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

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

shmori

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.

Luc De Jaeger wrote: »

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

Luc De Jaeger

shmori wrote: »

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