My CSS is not being read
-
I am so confused! This site has a footer that is being successfully called, but the CSS doesn’t show up for it. Each element in the footer should be floating left, there should be a background color, etc. But NONE of it’s there! So confusing. I mean, it’s there in the stylesheet, but it doesn’t show up in the browser when I look at the site live. Any thoughts on this predicament?
I tried changing the template, using !important, and other ideas. To no avail. Alas, my poor footer is left muddled and terrible looking. This site is built on the Genesis framework, if that helps. Thank you SO MUCH in advance for any help you’ve got.
Cheers!
Cris
-
Can you post a link to the site?
Unless you post a link to the site where the problem exists, it’s pretty impossible for anyone to offer much help.
Have you tried validating the code to see if errors are the problem — sounds like you might have a CSS or mark-up error:
Oh duh. Sorry. Here it is:
I have not tried validating the code. I will do that today. Cheers!
Hi there,
May I know which CSS file you have edited? A quick checking using Firebug, there is no CSS declared for the div#footer.
Well, the HTML is primarily at Genesis>Simple Edits, and the CSS file is simply the style.css file. It has been working perfectly for several months, and then I tried moving the get_sidebar around in the page template, and suddenly the footer’s CSS was no longer being read. But code for the footer is definitely in the style.css file, so I’m totally confused. Here is some of the CSS that pertains to #footer: (see Pastebin URLs below).
Can you use http://Pastebin.com to paste your HTML and link us the PasteBin page?
You can find your HTML:
- View your web page
- Right click (assuming you’re on Windows) on the page where you have the option “View source”
- Select “View source”
- The pop-up’s contents will be the HTML
Sure. I’ve never used Pastebin, but I’ll do it now.
Cool, I’ve never heard of Pastebin, but that’s an excellent site to know about. Thanks. Here’s the link to the paste:
Can you also Pastebin the HTML of the webpage?
Sure thing: http://pastebin.com/fRCjdGcz
Are any of your CSS styles being read?
Yes, I know that #testimonials1 is working because I just assigned it to an element yesterday. So I know at least most of the CSS is being read.
It’s so strange!
It looks like you’re using the wrong CSS selectors, from the HTML and CSS you’ve linked.
In the HTML, there isn’t a
<div>
with the id, “footer”.There is, I just updated the Pastebin for the HTML. When I first posted the HTML it wasn’t there, but it’s there when I “view source” (I’m on a Mac). So I copied the HTML from the view source (instead of from Genesis>Simple Edits in the WP dashboard).
The div#footer is there, though.
To float left the main elements in the footer, can you try this CSS:
#footer #right-footer-col, #footer #middle-footer-col, #footer #left-footer-col { float: left; }
- The topic ‘My CSS is not being read’ is closed to new replies.