Navagation bar colour

  • 1
  • Question
  • Updated 8 years ago
  • Answered
Hi is there anyway i can change the navagation bars colour, look at my site www.wainuiycamp.com, the navagaation bar is white can i change this to black or green?
Photo of jesse

jesse

  • 16 Posts
  • 0 Reply Likes
  • helpless

Posted 8 years ago

  • 1
Photo of Brianna

Brianna

  • 2045 Posts
  • 92 Reply Likes
Hello Jesse,

When I look at your website, I do not see a white navigation bar. I see the navigation directly on the background. Please see the screenshot I have attached.

I am including a way to create your own navigation if you are interested:
Unfortunately the font color of the navigation is set by the style and cannot be changed. You do have the option to create your own navigation using either text links or image links though. Here is more information on how to do this:

You can take your pages out of your navigation (click on the "Edit Navigation" button and drag the pages from "Pages in the Navigation" to "Pages out of the Navigation" - this will hide your default navigation).

Create your own page text links in a Text Widget and place them where you'd like this new navigation menu to show up. This can be done by adding text, highlighting it and clicking on the link button on the text toolbar and linking to the specific page on your site. You can then edit the text links using the Edit Toolbar to appear the way you would like.

If you want to make your own buttons for a custom navigation, you will need to create the button, and then link it to the specific page on your site.

There are quite a few banner/button making programs on the Internet if you would like to create your own. I have used a few programs which worked quite nicely if you would like to give them a try: Banner Fans and Banner Maker Pro, (this is not a free program, but they do have a free trial available).

You can then link the button like this:

Add the button to your page, using the Picture Widget.
Click on "Properties" tab in the Sidebar, on the right of the screen.
Click on "Choose a Link" and make your selection; you will be able to choose to link to a page in your site, an outside URL, an email address or a file.
Click on "Apply".
To check that your link is working, preview your page and then click on the link.

We have two tutorials that will help in explaining this process:

Creating Subpages
Creating Links
Please note that the navigation is a feature of the style you select. If it is not working for you, you may need to consider changing styles. We have a link to your support page which has a style guide: Yola Style Guide which has a handy filter function for you to see which style you might like.

I hope this helps!
Photo of jesse

jesse

  • 16 Posts
  • 0 Reply Likes
Ok thank you so much i might just make a side bar with links in it, thanks for your help :)
Photo of Brianna

Brianna

  • 2045 Posts
  • 92 Reply Likes
Sounds great, Jesse! I am glad I could help. Please let me know if I can be of further assistance!
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
You can change the color of your navigation links! Just click "Edit Navigation" and then on the "Navigation Text" put:

<!--

<font color="black">YOUR TEXT</font>

-->

You can change the "Black" part to the color you want the link to be. You can change "YOUR TEXT" to your text. Just put this on all of the links in your navigation and it will change the color!

Remember to remove the "<!--" and the "-->" parts.
Photo of jesse

jesse

  • 16 Posts
  • 0 Reply Likes
It didnt work? It came up with "font color="black" Home" as the link and it was still the white colour
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
try refreshing the page and then previewing it. Sometimes it doesn't look right in the site builder. Preview the page and see. Then, if it still doesn't work, try putting it in the "Hover Text" instead see if it works
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Thats weird, it worked for me. Heres a preview of my page:
http://sitebuilder.yola.com/sites/S3/...
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
I changed the Home text to red
Photo of jesse

jesse

  • 16 Posts
  • 0 Reply Likes
I have published my site, have a look
Photo of jesse

jesse

  • 16 Posts
  • 0 Reply Likes
JOKES! its working!!!!!!! LOL
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Your welcome! :) I hope I can help more people and become a Yola Champion someday!
Photo of jesse

jesse

  • 16 Posts
  • 0 Reply Likes
Now could you help me with something else? I saw it on your site?
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Yeah, anything, you can ask me anything! :)
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Looks a lot better!
Photo of jesse

jesse

  • 16 Posts
  • 0 Reply Likes
The log in system where did u get it, how can i get it, i want it !!!! ahaha
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Oh, I got it from www.AuthPro.com But I did a lot of coding! And, if you'd like you can sign up on my website and see how it works by going here: http://www.authpro.com/cgi-bin/auth.f... Also, if you want you can put the login forms on your website by getting a Deluxe account at authpro.com I am on the free plan right now but i am upgrading to Deluxe soon so I can put the login forms on my site! Deluxe is only $4.50/mo! And the Free is Free. Just sign up on my website first so you can see how I have the thing set up and it says "Logged in as {your name} and it will say "Welcome, {your name}" when you login!
Photo of jesse

jesse

  • 16 Posts
  • 0 Reply Likes
Yea i signed up for it! lol
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
If you go through it and you can see the possibiltities with authpro. If you go to the homepage when you are logged in, it will say at the top under our logo "Logged in as {yourname} [Member'a Area] [Logout]" But, if you are not logged in ti wont say anything! There wont even be a white box there! That is done with Javascript! If you are ready to get this for your website, let me know!
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Also, you are going to want to Edit your profile on my website because your name is not the right name right now. (Well, it might not be) So just go to the members area and click "Edit profile"
Photo of jesse

jesse

  • 16 Posts
  • 0 Reply Likes
Im not quite ready, i will come back here when i am. I have school exams to study for but im really grateful of your help and time
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Okay, no problem. And if you want I can make all the codes (that authpro gives you) better! The ones they give you are very basic, but I added a bunch of stuff with Javascript!
Photo of jesse

jesse

  • 16 Posts
  • 0 Reply Likes
Ohk cool ill talk to you sometime :) thanks
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Yup, if you'd like to talk to me by email, just go to my comapny website and click the green "Contact us" tab on the left side and I will have the support team give you my email. (I don't want to put it on this public forum)
Photo of jesse

jesse

  • 16 Posts
  • 0 Reply Likes
Ohk yea i would probably do that thaks Nathan
!