How to change font for menu items?

  • 1
  • Question
  • Updated 6 years ago
How does one change the font for the menu items (i.e about us, services, blog). I would like it to match the font I have selected for the text boxes. Or am I stuck with the font associated with the style.
Photo of Precis & Prose

Precis & Prose

  • 1 Post
  • 0 Reply Likes

Posted 7 years ago

  • 1
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Precis & Prose,

If you have Yola Silver, you will have access to the Site CSS feature. This will enable you to make the changes desired with the font for your menu items.

If you do have Silver, please can you post your URL and we can assist further.
Photo of Hatch Rentals

Hatch Rentals

  • 17 Posts
  • 0 Reply Likes
Hi
I'm looking for the same thing.
I want a different font for my menu headings.
I am using the Tastelessly template and my URL is www.hatchrentals.ca
thanks!!!!
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Kimm,
Will you use your custom font for the menu items?

here's an example of a custom font menu on a Yola free site:
http://designscent.yolasite.com
Photo of Hatch Rentals

Hatch Rentals

  • 17 Posts
  • 0 Reply Likes
yes!
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
OK. I'll inclde an example code for how to do that aswell.
Finally can you tell me the name of the font you have downloaded to use as your custom font?
Photo of Hatch Rentals

Hatch Rentals

  • 17 Posts
  • 0 Reply Likes
yes, it's called freebooter script
thanks so much
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Monsieur La Doulaise is the closest I could find on Google Web Fonts

It is a very similar to freebooter. http://www.google.com/webfonts#Choose...

Have a look. I think this will make your life so much easier than having to create the files for producing a custom font etc. This is also hosted for you. If you go with your other one then you will need to find a host to manage the custom font and call it from that location. It's OK but can be a little delayed depending.
Photo of Hatch Rentals

Hatch Rentals

  • 17 Posts
  • 0 Reply Likes
dumb question, i don't know if it's cuz it's late or what but i found that font, it looks good. how do i bring it in to the site?
Photo of Hatch Rentals

Hatch Rentals

  • 17 Posts
  • 0 Reply Likes
i know how to do it with CSS but apparently i can't change that code because i don't have silver
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
It's easy. Click the Quick Use label at the bottom of the font. It then takes you to another page. with the code on it for the selected font. Copy the whole code and place it on each page in an HTML widget preferably as the first item of widgets.

Just read the page for any stuff I've over-looked.

I will give you an example of how to add this to your menu items. I'll include it wih the stuff I'll send to you.

is that OK or are you really champing at the bit to get the menu going?
Photo of Hatch Rentals

Hatch Rentals

  • 17 Posts
  • 0 Reply Likes
it's not working!!
whenever you get to the menu is totally fine. i'm about to quit for the day
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Yeah. You're tired. leave it otherwise you won't sleep or you will hate it!

Sleep well.
Photo of Hatch Rentals

Hatch Rentals

  • 17 Posts
  • 0 Reply Likes
yep, so true.
thanks for all your help
Photo of Kimm Hatch

Kimm Hatch

  • 8 Posts
  • 0 Reply Likes
ok, so hopefully to make things easier i switched to the silver package.
i tried bringing in the font, but it's weird. could you take a look?
www.hatchrentals.ca

also, i found this website that i like for a drop-down menu.
i like the first home page of this site too, and hope that i can get mine close?
i switched over to the "work space" template.

also, sorry to keep bugging, but any way I can get the heading text to be on my banner image like i had before?

thanks so much for all your help!
Photo of Kimm Hatch

Kimm Hatch

  • 8 Posts
  • 0 Reply Likes
I'm so sorry to confuse you.
I have decided on a style and will stick with this one. so I'm on the "work space" template.
Here are the changes I am looking for:

1. I want the "Hatch Rentals" title to be out of there. I will add the company name to a photo which i will bring in to the banner image.
2. On the Home page I want the banner image out of that page so it just shows the menu headings and the slideshow.
(do you know how to do a slideshow like the one on http://www.sittingprettyevents.com/ ??)
3. For the menu headings I want to have a drop down menu like this website:
http://www.achairtoremember.ca/index2...
4. And I want the menu heading margin adjusted so all the headings fit on the same line.

I believe that is all :)
I truly appreciate all your help!
Thanks so much :)
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
That's clear. Thanks for responding. Leave it with me and I'll research the aspects that are required.
Photo of Kimm Hatch

Kimm Hatch

  • 8 Posts
  • 0 Reply Likes
you're the best!
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
The site http://www.achairtoremember.ca/index2... uses a flash facility. Nt a good thing these days. Very slow loading plus they won't appear on ipads and iphones and android phones. These device types are said to be more popular with users within 2 years than pc's, so I would avoid them.

Anything with a progress bar is likely to be a Flash application.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
"Sitting pretty" is using a common slider program and easy for you to locate. If you can locate a specific application and let me know , I can have a look at it with you.
Photo of Kimm Hatch

Kimm Hatch

  • 8 Posts
  • 0 Reply Likes
Yes, I'll take a look and let you know if I find it
Photo of Kimm Hatch

Kimm Hatch

  • 8 Posts
  • 0 Reply Likes
I understand about the flash website. Just a general idea of the kind of drop down menu. I'm not picky on it - anything you think would work best would be great help :)
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hi Kimm

Can you tell me exactly what you would like:

Style
Font (Keep your font to 1 or 2 only because this will impact on the loading time of your site)
If you want or don't want a banner on any specific page.
If you want the page heading within the banner or not if it's different to the default.
The source of the drop down menu. Not a page where it occurs.
Photo of Kimm Hatch

Kimm Hatch

  • 8 Posts
  • 0 Reply Likes
What do you mean by style?

Font - for the body text i want to keep it to Trebuchet font and i just want the titles to be Swenson

I just don't want the banner page on the front page

Yes, I want the page heading withing the banner

I'm sorry, I don't know what you mean by source of the drop down menu. I want, for instance, under the menu heading "linens" to have a drop down and have the options, chair covers, chair sashes, table cloths, table runners, table overlays, table skirts, etc. and then you would choose what you want to look at and it goes to that page.

do you need me to tell you the menu title and what drop down options i want?

if you do, here they are

Menu - Linens
Drop Down
Chair Covers
Accessories
Chair Sashes
Table Cloths
Table Skirts
Table Runners
Table Overlays
Napkins

Menu - Decorations
Centerpieces
Cake/Cupcake Stand
Candy Buffet
Mirrors
Charger Plates
Paper Lanterns
Other Fun Stuff

And those are the only two that I need to have a drop down option.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
OK. understood. Style is the Yola template that you have chosen but you have stated this now so not a problem.

You won't be using any custom fonts other than Swenson?
Photo of Kimm Hatch

Kimm Hatch

  • 8 Posts
  • 0 Reply Likes
That's right. Thanks :)
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
So is this what you want from your index page?

Photo of Kimm Hatch

Kimm Hatch

  • 8 Posts
  • 0 Reply Likes
Yes!!! Its perfect
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
I've sent a test code
Photo of Aída Barraza Jarrett

Aída Barraza Jarrett

  • 1 Post
  • 0 Reply Likes
I have a similar issue. I would like to increase the size of the font on the menu.

I do have a Silver Account. When I changed the CSS code, it changed the pictures on the banners so that they were all identical. Even when I tried to change each one afterwards, they would not appear on the preview (after saving).

Judging on comments above, do I need to publish the site before you can help me? I'd prefer to not to have a incomplete site published, even if it is just the size of the font of the menu.

Thanks.
Photo of samuktha

samuktha

  • 2 Posts
  • 0 Reply Likes
I am also looking for the same things.
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello Aida and samuktha

First of all, when working with the Site CSS, it is important to only add code you want to change to the left override box of the CSS editor. Please don't copy/paste the whole original CSS to edit certain sections. Copy the section you want to change, paste it to the override box, and make your changes.

To assist you in more detail, I would need your URL. If you haven't published, I'd need your login e-mail (no password, please).