WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => Templates, Menus & Design => Topic started by: seanie_morris on May 01, 2013, 05:39:43 PM

Title: Can I change the font for the main menu items?
Post by: seanie_morris on May 01, 2013, 05:39:43 PM

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.

Title: Re: Can I change the font for the main menu items?
Post by: jacobi22 on May 01, 2013, 06:19:29 PM

screen.css // line 54

Code: [Select]

.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;
}
change the color or other things  here

Title: Re: Can I change the font for the main menu items?
Post by: jacobi22 on May 01, 2013, 06:41:59 PM

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: [Select]

.menu_current {
        font-weight: bold;
        color: #ff0000;
}
to

Code: [Select]

.menu .menu_current {
        font-weight: bold;
        color: #ff0000;
}
build a new class for the standard links in the menu

Code: [Select]

.menu .menu_default {
        font-weight: bold;
        color: #ff00ff;
}
if you need different font setting like font-famely, write it in these classes