Change style font of the navigation bar

  • 1
  • Question
  • Updated 8 years ago
  • Answered
Hi all!
How can I change the font of the navigation bar?
In particular I would like to change the color and make text bold...
Tanks ;)
Carmelo
Photo of Carmelo Privitera

Carmelo Privitera

  • 13 Posts
  • 1 Reply Like

Posted 8 years ago

  • 1
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Hey Carmelo

This can be achieved by adding a little HTML code to your page! Just drag over an HTML widget and paste this in:

<style type="text/css">
#menu a {
font-weight: bold; /* You can put in bold or normal */
font-color: black; /* You change change this to any color you choose */
}
</style>

And thats it! I put in little comments so you know what you can do. Those comments wont display on the page unless you remove the /* and */ Those make the browser hide them since it means comments.

I hope this helps!

Happy site building,
Nathan
Photo of Brianna

Brianna

  • 2045 Posts
  • 92 Reply Likes
Thanks, Nathan!
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Sorry for no reply, but your welcome! :)
Photo of Carmelo Privitera

Carmelo Privitera

  • 13 Posts
  • 1 Reply Like
fantastic!! thanks ;)
i have another question: can i insert a background image in the same bar?
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
No problem :)
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Hi Carmelo

There is a different method for adding a background picture to you site.

Not all our style templates allow you to change the background, so you will need to check this before you try to change it on your page. To do this, go to Style > Change Style and find the style you are using. Then hover your mouse over the style. You will see a screen pop up with the details about the style. If the style property specifies "Editable background: Yes", then you will be able to change the background.

We have a helpful tutorial that shows you the steps for changing the background, here: Adding a background picture.

I hope this is helpful!

Thank you
Nazlie
Photo of Carmelo Privitera

Carmelo Privitera

  • 13 Posts
  • 1 Reply Like
thanks for the reply.
but I would like to change only the background of the bar.
Is this possible?
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
This is a possibility but is more complex and will require you to utilize the CSS editor. Here's a tutorial to help get you headed in the right direction. How to edit your site CSS.
Photo of Carmelo Privitera

Carmelo Privitera

  • 13 Posts
  • 1 Reply Like
I resolved ;-)
thanks