WordPress.org

Ready to get started?Download WordPress

Forums

Font won't change from bold, adjusted all font-weights. (7 posts)

  1. brianfbenton
    Member
    Posted 6 months ago #

    On the website I'm currently working on, new.kuumba.tv, I am unable to change the floating menu (the menu that appears when you scroll down) from bold. I've tried adding !important, checked all my font-weights, etc.. and can't get it to budge.

    Any ideas? Could it be HTML related?

  2. jmyeom
    Member
    Posted 6 months ago #

    the floating menu is not in bold, it is normal,

    the text is set at a weight of 400, and that is "normal"

    this may help

  3. brianfbenton
    Member
    Posted 6 months ago #

    What browser are you viewing the site in? In Chrome and Safari, it is Times bold. (See here).

  4. jmyeom
    Member
    Posted 6 months ago #

    yes sorry, i only tested it on firefox, the other 3 it is showing in bold, let me see if i can pinpoint it for you :)

    firefox 26.0
    safari 5.1.7
    IE 11.0.2
    chrome 31.0

  5. jmyeom
    Member
    Posted 6 months ago #

    http://new.kuumba.tv/wp-content/themes/architecture-v1-04/stylesheet/superfish.css?ver=3.8

    #main-superfish-wrapper ul.sf-menu{ display: inline-block; font-weight: 600; }
    @-moz-document url-prefix() {
    	#main-superfish-wrapper ul.sf-menu{
    		font-weight: 400 !important;
    	}
    }

    font size of 400 only applies to Firefox, else its 600

  6. brianfbenton
    Member
    Posted 6 months ago #

    Thank you! That worked. However, I'm still confused about why Firefox is showing different than all other browsers. Is there any way to fix that?

  7. jmyeom
    Member
    Posted 6 months ago #

    @-moz-document

    Any CSS rule that starts with @-moz- is a Gecko layout engine specific rule, not a standard rule. That is, it is a mozilla specific extension.

Reply

You must log in to post.

About this Topic