Tagline and nav menu won't bold

  • getpeppered

    (@getpeppered)


    12 years ago

    Hi,

    I just had my website transformed into a WP-theme. In the CSS, the #tagline and the #nav menu should be bold, but they’re not showing up as bold when I view the website. My WP-developer is pretty new at this and suggested using another font, but I would prefer to have this resolved.

    The website’s http://www.getpeppered.com.

    If anyone could shed some light on this, it would be greatly appreciated!

    Thanks, Femke

Viewing 10 replies - 1 through 10 (of 10 total)
  • esmi

    (@esmi)

    12 years ago

    Try using Firefox with the Firebug add-on for this kind of CSS work.
    http://getfirebug.com/

    Thread Starter getpeppered

    (@getpeppered)

    12 years ago

    Hi esmi,

    I installed Firefox, and it actually bolds there…but not in IE or Chrome. I can’t figure out why that is…?? Also installed the firebug, but that’s not giving me any answers either unfortunately.

    Femke

    Wasim alhajebi

    (@wassimo)

    12 years ago

    try

    #navmenu li a {
bold 150%/50px "JaynePrintHand"
}

    Wasim alhajebi

    (@wassimo)

    12 years ago

    the bold font should be on a not on li
    for example
    #nav li a : true ;

    #nav li a : false;

    or if it doesn’t work try

    #navmenu li  *{
bold 150%/50px "JaynePrintHand"
}
    esmi

    (@esmi)

    12 years ago

    I installed Firefox

    And did you install Firebug as well?.

    Thread Starter getpeppered

    (@getpeppered)

    12 years ago

    Thanks Wassimo,

    Does it always have to be after a? Because this one doesn’t work either:

    #tagline01 h1 {
    font:bold 18px/30px “JaynePrintHand”;
    color:#ffa066;
    white-space:nowrap !important;
    font-family: JaynePrintHand;
    }

    The weird thing is that it does work on Firefox, but not on IE or on Chrome…

    Thread Starter getpeppered

    (@getpeppered)

    12 years ago

    Esmi, yes I did install firebug as well…tried to work with that a little bit, but on Firefox it works so I still can’t figure out what’s wrong…

    Thread Starter getpeppered

    (@getpeppered)

    12 years ago

    Esmi,

    I checked “inspect element” in IE, and it shows that the bold is being overridden. How do I figure out what overrides it?

    Thanks, Femke

    Wasim alhajebi

    (@wassimo)

    12 years ago

    yeah if u want to make for an url it must be #div a {here it goes}

    i think it’s better to use cufon ;
    or i think the current font doesn’t support Bold ;
    try another font just like Arial or Tahoma or vernada ;
    if it works so the problem should be from Your font !…
    i think thers worng 18px/30px should be 30px or 18 / string not allowed in css

    #tagline01 h1 {
font:bold 18px  JaynePrintHand ;
color:#ffa066;
white-space:nowrap !important;
font-family: JaynePrintHand;
}'

or

    #tagline01 h1 a {
    font:bold 18px aynePrintHand ;
    color:#ffa066;
    white-space:nowrap !important;
    font-family: JaynePrintHand;
    }`

    or 

    #tagline01 a h1  {
font:bold 18px/30px  JaynePrintHand ;
color:#ffa066;
white-space:nowrap !important;
font-family: JaynePrintHand;
}
    Thread Starter getpeppered

    (@getpeppered)

    12 years ago

    Hi Wassimo,

    Neither of those options worked. Actually, it seems like the problem is with the different browers. As of today, Firefox and IE pages look in total disarray, whereas Chrome shows the page properly except without the bold.

    I am totally confused.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Tagline and nav menu won't bold’ is closed to new replies.

Tags