Navigation font: Is there a way to change font to "bold" in my left side navigation bar?

  • 1
  • Question
  • Updated 9 years ago
  • Answered
My page layout design "BareNecessities" and is a kind of woven-look background and the brown font in my left side navigation bar is blending too much with the background. I would love to have it in "bold" to stand out more and be easier to see. Here is a link to view it: http://hopefrombeyond.yolasite.com. I would appreciate your help, thank you!

Sincerely,

LillyHFB
http://hopefrombeyond.yolasite.com
Photo of LillyHFB

LillyHFB

  • 38 Posts
  • 0 Reply Likes

Posted 9 years ago

  • 1
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Hello Lilly,

The font style is set on the menu. It can't be easily changed and isn't recommended because people can easily inadvertently cause a problem with their code and make their page not function. This in effect causes your site to be inaccessible and may mean that you have to build your site from scratch.

There are work arounds and one is to select another style similar to that which you're using with a horizontal menu. Take all the pages out of the menu. . Then create a manual vertical menu. This will allow selection of any type of font and font style that is available.

It's a bit of a task but most of your work should be automatically moved by the simple selection of another style. The menu building would be the longest task but usually a relatively easy process.

Have a look at Boomer's site http://forsite.synthasite.com for the images of the template styles then on the same page there's a link giving the specifics of the styles.
Photo of LillyHFB

LillyHFB

  • 38 Posts
  • 0 Reply Likes
Yikes, that is a lot of work for a newbie like myself. Guess I'll have to stick with how it looks right now, as I'm rather intimidated by the task, and the likelihood of my messing it up is high from the sounds of it. It took me a long time with the graphics to get them to fit the screen as it is. Thanks for your help, Peter!

Sincerely,
LillyHFB
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Hello Lilly,

If I may suggest something?

What about creating a new test site and simply trying the option I suggested or any other idea that may appear.

There would not have to be a commitment to completing the job and I think you would find out very quickly the pros and cons.

It would mean simply re-creating one or two pages exactly as you now have them. This would be your test site.

Select another style as outlined and see how you go. I would hate to think of you languishing over a lost opportunity to get it exactly the way you would like :)

This is simply a thought of course and I'm sure that what ever you decide will be right.
Photo of KanThaiDecor

KanThaiDecor

  • 2402 Posts
  • 263 Reply Likes
I use that style also....You can upload a custom background for that style as I did and maybe you will like how your font looks against a different background...I have some I have created and you are welcome to use any of them if you like....http://kanthaidecor.com/backgrounds.php
I won't be offended if you don't use one honest...they are just there for anyone that might like to use them.
Photo of LillyHFB

LillyHFB

  • 38 Posts
  • 0 Reply Likes
Dear Peter, that's a great idea, and one that I would think be helpful to experiment without the stress and worry to NOT goof up what I already have. I'll give it a try this week! Thanks!

Thank you, John, for your very kind offer. I added it to my favorite's list and hopefully it is easier to upload a new background than to alter the font.

Many thanks!

Sincerely,
Lilly
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
Hi LillyHFB,

I have tested this on a barenecessities site - seems to work without any problem. It will make all links turn bold - including the menu.

Add this code to the top of your page in a html widget (without the <!-- & -->)
If you want to be extra sure it works on your site create a test page and try it there first - but like i say i have tested it and it works fine.

<!--

<style> a:link{font-weight:bold; } </style>

-->

Lee.