Skip to:
Content
Pages
Categories
Search
Top
Bottom

Buddypress 1.0 looks bad with Firefox 3.5


  • thebigk
    Participant

    @thebigk

    I’m not sure if everyone’s facing this problem. But I recently upgraded my FF to 3.5 (latest). The buddypress site I’ve setup now looks distorted with different fonts, shrunken images etc.

    Other sites are normal. What’s going wrong?

    I’ll try to post a screenshot if you need.

Viewing 14 replies - 1 through 14 (of 14 total)

  • thebigk
    Participant

    @thebigk

    Adding the screenshot to the post: http://img21.imageshack.us/img21/9677/rknecdistortion.jpg

    The whole thing looked neat & clean earlier.

    Note: The site still looks perfect in Chrome & IE 7 and IE 8.

    Do I need to tweak something to make it look good in FF 3.5?


    Mark Beck
    Participant

    @markbeck

    I’m experiencing the same thing. If anyone has any feedback it would be greatly appreciated.


    Burt Adsit
    Participant

    @burtadsit

    Haha.

    Clear your ff cache. The’re hiding it under Tools > Clear Recent History > Details. Same thing happened to me. Panic city because I just installed trunk bp. I broke out IE 8 and it was fine. OMG it looks ok in IE?! This just can’t be happening. I’ve taken a turn into some horrible alternate reality.

    Got something to do with the new font handling, new render engine, new something I’m guessing.


    thebigk
    Participant

    @thebigk

    @Burt:

    Just cleared the cache. Now the fonts look bigger than they should normally be. Yep, the site looks nicer in IE8 & Chrome ;) .

    But this is really serious. Can someone fix this on priority? please?

    PS: Shall I upgrade the theme on my 1.0 bp installation? Will it work?


    Burt Adsit
    Participant

    @burtadsit

    I don’t know what to tell you then. I upgraded my themes also to the trunk version of the themes because I’m running trunk bp.

    I’m almost positive this is a bug in FF3.5 and it’s understanding of shorthad “font” declarations.

    This is fixed in the latest default themes in 1.0.2.

    This is what you need to do:

    Find the “html {” declaration in the CSS files, and look for the “font:” part. Delete it and replace it with this:

    font-size: 11px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;

    Then find the “body {” declaration, and replace the “font” part with:

    font-size: 12px;

    Do the same in both your WordPress and BuddyPress theme.


    David Mazza
    Participant

    @dmazza

    Yeah, I had this problem for a while with 3.5 (while in beta) and it was fixed after buddypress 1.0.


    Burt Adsit
    Participant

    @burtadsit

    It’s all kinda hazy as to what the solution was in the middle of the WTF event. Upgrading to the current ver of bp’s themes and clearing everything out worked. I’d bet money on Andy though.

    Did what the Creator said, worked charmly on my bbP theme.


    r-a-y
    Keymaster

    @r-a-y

    While Andy’s solution will work, you can bet Mozilla is going to address this bug, so I wouldn’t really worry about it too much.


    3125432
    Inactive

    Hi –

    Just upgraded to Firefox 3.5 this morning and yes, total panic city because I am using the Facebuddy theme. It is a total mess. Kind of like Harry Potter on the Night Bus squeezing through traffic in London. When I changed the themes to the default theme, it all went back to normal, and if I just tried IE 7.0 with the Facebuddy theme, all is as expected.

    So I agree that this is a FF 3.5 issue. Not sure if I concur that Firefox will find and fix the bug immediately.

    – Brian


    John James Jacoby
    Keymaster

    @johnjamesjacoby

    Basically the cause is that Firefox 3.5 has issues with shorthand font declarations that contain quotation marks. Deleting the quotes around the font names will help Firefox cooperate, however it may have negative impacts on older browsers that rely on them.

    You can also split up the shorthand and use font-family: Lucida, Tahoma, serif as an example as well.


    thebigk
    Participant

    @thebigk

    Thanks folks. I upgraded to latest BP and issue was solved :)

    Go Firefox. I wonder how many of my clients site are now “broken” because of this bug :-( Thanks for the info J3

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Buddypress 1.0 looks bad with Firefox 3.5’ is closed to new replies.
Skip to toolbar