Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Feb 2006
    Posts
    23
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Headline extra bold in Firefox

    I'm trying to figure out why only in Firefox my main headlines appear 'extra' bold. In Chrome, Safari, IE8 and IE7 they all render correctly (or at least how I want them to). The extra boldness causes someheadlines to wrap, which I'm trying to avoid.

    Funny thing is when you click on the headline to go to the article page they render just fine. I can't find any differences. So, on the article page all browsers render fine but on the main page only Firefox renders differently.

    http://www.jeditemplearchives.com/

    If anyone can shed some light that would be great!

  • #2
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,335
    Thanks
    5
    Thanked 363 Times in 360 Posts
    You're styling the heading text in mulitple places. You style the h2 tag itself with text-weight: bold, then you style the a tag with text-weight: bold, THEN you also use the <b> tag to wrap that text in your markup. Try removing the <b> tag and they seem to appear the same in IE and FF.
    Teed

  • #3
    New Coder
    Join Date
    Feb 2006
    Posts
    23
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thank you! I thought I'd removed all those old <b> tags from the template. This one was embedded in the php code. Sometimes it just takes a second set of eyes to see the obvious.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •