WordPress.org

Support

Support » How-To and Troubleshooting » My CSS is not being read

My CSS is not being read

  • criskelly
    Member

    @criskelly

    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

Viewing 15 replies - 1 through 15 (of 29 total)
  • ChiefWigs1982
    Member

    @chiefwigs1982

    Can you post a link to the site?

    WPyogi
    Forum Moderator

    @wpyogi

    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:

    http://codex.wordpress.org/Validating_a_Website

    criskelly
    Member

    @criskelly

    Oh duh. Sorry. Here it is:

    http://ayurvedaplus.com/

    I have not tried validating the code. I will do that today. Cheers!

    neo
    Member

    @bossmeow

    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.

    criskelly
    Member

    @criskelly

    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).

    Andrew Nevins
    Forum moderator

    @anevins

    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
    criskelly
    Member

    @criskelly

    Sure. I’ve never used Pastebin, but I’ll do it now.

    criskelly
    Member

    @criskelly

    Cool, I’ve never heard of Pastebin, but that’s an excellent site to know about. Thanks. Here’s the link to the paste:

    http://pastebin.com/jr8d0CrA

    Andrew Nevins
    Forum moderator

    @anevins

    Can you also Pastebin the HTML of the webpage?

    criskelly
    Member

    @criskelly

    Andrew Nevins
    Forum moderator

    @anevins

    Are any of your CSS styles being read?

    criskelly
    Member

    @criskelly

    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!

    Andrew Nevins
    Forum moderator

    @anevins

    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”.

    criskelly
    Member

    @criskelly

    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.

    Andrew Nevins
    Forum moderator

    @anevins

    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;
    }

Viewing 15 replies - 1 through 15 (of 29 total)
  • The topic ‘My CSS is not being read’ is closed to new replies.