WebsiteBaker Support (2.8.x) > Templates, Menus & Design

Can I change the font for the main menu items?

(1/1)

seanie_morris:
As an example, my body text is :Arial/ Helvettica, sans-serif; and I'd like to change the menu ul font property to a different font. I tried adding this to the screen.css (greytut template) where I would have a different font for the left menu, but it has no effect. I also noticed that it's menu_current attribute (font-weight: bold;) is not working too, but it has before when used on a different website. I have re-installed it twice.

I can't show a link as I am in the design phase, but I am testing it live online in FF.


Thanks,

Seanie.

jacobi22:
screen.css // line 54


--- Code: ---.menu a:link, .menu a:visited, .menu a:active {
    background-color: #E0E0E0;
    color: #606060;
    display: block;
    font-size: 12px;
    padding: 2px 10px;
    text-decoration: none;
}
--- End code ---

change the color or other things  here

jacobi22:
wait, here a better solution
.menu a:link, .menu a:visited, .menu a:active {} works for all links in the menu, but you need different colors or font settings

delete the line with the color setting in line 54 screen.css (color: #606060;)
then change line 65 from


--- Code: ---.menu_current {
        font-weight: bold;
        color: #ff0000;
}
--- End code ---

to

--- Code: ---.menu .menu_current {
        font-weight: bold;
        color: #ff0000;
}
--- End code ---

build a new class for the standard links in the menu

--- Code: ---.menu .menu_default {
        font-weight: bold;
        color: #ff00ff;
}
--- End code ---

if you need different font setting like font-famely, write it in these classes

Navigation

[0] Message Index