• 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)
  • 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:

    http://codex.wordpress.org/Validating_a_Website

    Thread Starter criskelly

    (@criskelly)

    Oh duh. Sorry. Here it is:

    http://ayurvedaplus.com/

    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.

    Thread Starter criskelly

    (@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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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
    Thread Starter criskelly

    (@criskelly)

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

    Thread Starter criskelly

    (@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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you also Pastebin the HTML of the webpage?

    Thread Starter criskelly

    (@criskelly)

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Are any of your CSS styles being read?

    Thread Starter criskelly

    (@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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter criskelly

    (@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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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.