WebsiteBaker Logo
  • *
  • Templates
  • Help
  • Add-ons
  • Download
  • Home
*
Welcome, Guest. Please login or register.

Login with username, password and session length
 

News


WebsiteBaker 2.13.8 is now available!


R.I.P Dietmar (luisehahne) and thank you for all your valuable work for WB
https://forum.websitebaker.org/index.php/topic,32355.0.html


* Support WebsiteBaker

Your donations will help to:

  • Pay for our dedicated server
  • Pay for domain registration
  • and much more!

You can donate by clicking on the button below.


  • Home
  • Help
  • Search
  • Login
  • Register

  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.8.x) »
  • Templates, Menus & Design »
  • Can I change the font for the main menu items?
  • Print
Pages: [1]   Go Down

Author Topic: Can I change the font for the main menu items?  (Read 4960 times)

Offline seanie_morris

  • Posts: 301
  • Gender: Male
Can I change the font for the main menu items?
« 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.
Logged

jacobi22

  • Guest
Re: Can I change the font for the main menu items?
« Reply #1 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
Logged

jacobi22

  • Guest
Re: Can I change the font for the main menu items?
« Reply #2 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
Logged

  • Print
Pages: [1]   Go Up
  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.8.x) »
  • Templates, Menus & Design »
  • Can I change the font for the main menu items?
 

  • SMF 2.0.19 | SMF © 2017, Simple Machines
  • XHTML
  • RSS
  • WAP2