CSS not registering in browser and have been debugging for hours, is there something I've missed?
I recently built a website for a client (boelmanshaw.com) in Wordpress. The site's CSS registers just fine in all the other browsers (IE, Chrome, and Safari), but it will not work in Firefox. I've debugged the HTML as much as I could, and I've been through the CSS multiple times to see what the problem could be. I haven't found anything that would be a problem. I also am not familiar with php, so I don't know if that would contribute to the problem, as well. I'm new with coding sites, so any help would be greatly appreciated.
Chosen solution
I see in the Error Console that you've made a typo: a round bracket ( instead of an curly bracket { and seems to cause it.
You can also use the Web Console (Web Developer > Web Console;Ctrl+Shift+K) to see this error.
Warning: Expected ',' or '{' but found '('. Ruleset ignored due to bad selector.
Source File: http://boelmanshaw.com/wp-content/themes/Ultra/style.css?9d7bd4
Line: 54
a{color:#003267; text-decoration:none}
a:hover{text-decoration:underline; color: #535552}
p{margin:0 0 15px}
strong{font-weight:700}
em{font-style:italic}
li{list-style-type: none}
#leftlist{float:left; padding-right: 8px}
#rightlist(float:right}
small{}
pre{white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word}
hr{}
blockquote{border-left:2px solid #CCC; margin:20px; padding:0 0 0 20px}
Read this answer in context
👍 1
All Replies (3)
Chosen Solution
I see in the Error Console that you've made a typo: a round bracket ( instead of an curly bracket { and seems to cause it.
You can also use the Web Console (Web Developer > Web Console;Ctrl+Shift+K) to see this error.
Warning: Expected ',' or '{' but found '('. Ruleset ignored due to bad selector.
Source File: http://boelmanshaw.com/wp-content/themes/Ultra/style.css?9d7bd4
Line: 54
a{color:#003267; text-decoration:none}
a:hover{text-decoration:underline; color: #535552}
p{margin:0 0 15px}
strong{font-weight:700}
em{font-style:italic}
li{list-style-type: none}
#leftlist{float:left; padding-right: 8px}
#rightlist(float:right}
small{}
pre{white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word}
hr{}
blockquote{border-left:2px solid #CCC; margin:20px; padding:0 0 0 20px}
Thank you so much this really helped a lot!
You're welcome