Dark theme presets broken on Firefox

Reports about issues that you encounter in Suffusion. This forum is closed with effect from February 2019. Please post future requests on https://github.com/sayontan/suffusion.
Forum rules
This forum is being officially closed with effect from 3rd February 2019. Future support requests can be posted on the GitHub page at https://github.com/sayontan/suffusion/issues.
Locked
Zaggeh
Posts: 9
Joined: 14 Mar 2011, 16:10
Location: Chester, VA
Contact:

Dark theme presets broken on Firefox

Post by Zaggeh » 14 Mar 2011, 16:20

I'm using the latest Suffusion theme from wordpress.org and am using the preset "royal blue on dark theme". One of my readers commented that the theme changed when he was visiting my blog on a different computer. I asked a few other people and narrowed it down to a FireFox issue. Blog URL is http://clylla.com

Theme looks like this in Chrome and IE: http://dl.dropbox.com/u/18525080/BlogTheme.png

Theme looks like this in FireFox: http://dl.dropbox.com/u/18525080/BlogThemeFireFox.png (Taken from Firefox 3.6.11, since I NEVER use Firefox and hence never update it, but confirmed with someone else that it looks the same with the latest version too)

Notice not only the obvious white background in the content area, but also the text color on the links in the top nav bar. I'm guessing there's an issue with the CSS compatibility? I haven't actually modified any of the CSS at all, just using the preset through the Suffusion options tool.

sayontan
Site Admin
Posts: 10210
Joined: 15 Sep 2009, 16:39
Location: Houston, Texas
Contact:

Re: Dark theme presets broken on Firefox

Post by sayontan » 14 Mar 2011, 16:33

The theme is actually fine. Here is the problem:

Code: Select all

<link rel='stylesheet' id='suffusion-child-css'  href='http://clylla.com/wp-content/themes/clylla/style.css?ver=3.7.8' type='text/css' media='all' />
This is something included for your child theme. There is nothing wrong with the declaration above. But if you look at that file it is linking you will see:

Code: Select all

/*
Theme Name: Clylla
Theme URI: http://clylla.com
Description: Child Theme based on Suffusion
Version: 1.0.0
Author: Andrew Baird
Author URI: http://clylla.com
Template: suffusion
Tags: buddypress
*/
 
@import url("../suffusion/style.css"
If you observe carefully, the last line in this file has not been closed. It should be:

Code: Select all

@import url("../suffusion/style.css");
Now, if you fix the above, you will notice that FF and Chrome will have identical displays... and Chrome will appear to have the white background etc!!

To fix that, see this post: http://www.aquoid.com/news/2010/09/suff ... nd-tricks/. Specifically refer to the instructions in point #1.

Zaggeh
Posts: 9
Joined: 14 Mar 2011, 16:10
Location: Chester, VA
Contact:

Re: Dark theme presets broken on Firefox

Post by Zaggeh » 14 Mar 2011, 16:39

Gosh I feel like an idiot. Thank you so much for taking your time to examine and fix MY problem. I really appreciate it, and sorry for the trouble.

By the way, just want to say I love your theme. It's the best one I've ever used. :-)

Oh, and your phpBB captcha totally doesn't work. I'd suggest changing it to Q&A, ever since I changed my forums over to that I haven't had a single spambot registration.

sayontan
Site Admin
Posts: 10210
Joined: 15 Sep 2009, 16:39
Location: Houston, Texas
Contact:

Re: Dark theme presets broken on Firefox

Post by sayontan » 14 Mar 2011, 19:43

Thanks for your inputs - I hadn't realized that the vermin had set its roots so deep. I have cleaned up most spammers and have noticed an improvement in the speed of the forum as well.

Locked