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.6 is now available!


Will it continue with WB? It goes on! | Geht es mit WB weiter? Es geht weiter!
https://forum.websitebaker.org/index.php/topic,32340.msg226702.html#msg226702


The forum email address board@websitebaker.org is working again
https://forum.websitebaker.org/index.php/topic,32358.0.html


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.

Donate with PayPal buttonSpenden mit dem PayPal-Button

  • 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 4418 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