WordPress.org

Ready to get started?Download WordPress

Forums

Tagline and nav menu won't bold (11 posts)

  1. getpeppered
    Member
    Posted 2 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

  2. esmi
    Forum Moderator
    Posted 2 years ago #

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

  3. getpeppered
    Member
    Posted 2 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

  4. Photoshop
    Member
    Posted 2 years ago #

    try

    #navmenu li a {
    bold 150%/50px "JaynePrintHand"
    }
  5. Photoshop
    Member
    Posted 2 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"
    }
  6. esmi
    Forum Moderator
    Posted 2 years ago #

    I installed Firefox

    And did you install Firebug as well?.

  7. getpeppered
    Member
    Posted 2 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...

  8. getpeppered
    Member
    Posted 2 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...

  9. getpeppered
    Member
    Posted 2 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

  10. Photoshop
    Member
    Posted 2 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;
    }
  11. getpeppered
    Member
    Posted 2 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.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags