style.css not loading correctly

  • Resolved alexWP333

    (@alexwp333)


    10 years, 2 months ago

    I have a WordPress page for a child theme that has the following HTML in the Text tab of the Edit Page panel:

    <div id="myDiv"> ... content goes here ... </div>

    In the style.css file of the child theme I have:

    #myDiv {
  width:200px;
  height:100px;
}

    When I view my web page in the browser I see a div that’s 100px wide by 100px high, instead of 200px wide by 100px high.

    I only have one style.css file in the child folder, and I cannot figure out where this other width value is coming from.

    Is there some hidden style.css file that I’m missing?

    Any help would be greatly appreciated.

Viewing 10 replies - 1 through 10 (of 10 total)

  • Can you post a link to your website?

    Thread Starter alexWP333

    (@alexwp333)

    yes, you can see the site at anniefinch.com/AnnieFinchTestSite

    the page that’s giving me trouble is at anniefinch.com/AnnieFinchTestSite/books-2

    the actual HTML in question is:

    <ul id="bookPoetryUL"> content goes here </ul>

    the actual CSS in the style.css file is:

    #bookPoetryUL {
  margin-left: 0px;
  height: 880px;
}

    When I check the CSS in my browser’s Firebug I see:

    #bookPoetryUL {
  height: 880px;
}

    So the margin-left property is missing altogether.

    On the same page I have a second

      that has the same basic code:

    <ul id="bookTextbookUL"> content goes here </ul>

    and the CSS in the style.css file for this second

      is:

    #bookTextbookUL {
  margin-left: 0px;
  height: 445px;
}

    When I view the CSS for this second

      in Firebug, both the margin-left:0px, and the height:445px; are showing up fine.

    When I look at your site (1:57pm, Mountain time), I only see:

    #bookPoetryUL {
height: 880px;
}

    I don’t see margin-left: 0px; in that section.

    Thread Starter alexWP333

    (@alexwp333)

    That’s what I don’t understand. There are 2 CSS properties in the style.css file, so it should be showing both of those properties on the site. This is the first time I’ve run into something like this.

    I’m completely stumped.

    Your stylesheet doesn’t have two properties for #bookPoetryUL, though. This is what I see in your stylesheet at line 360:

    #bookPoetryUL {
height: 880px;
}
#bookTextbookUL {
margin-left: 0px;
height: 440px;
}
    Thread Starter alexWP333

    (@alexwp333)

    When I go to the style.css file in the Appearance Editor of my WordPress Admin I see this:

    #bookPoetryUL {
  margin-left: 0px;
  height: 880px;
}
#bookTextbookUL {
  margin-left: 0px;
  height: 445px;
}

    And when I inspect the site my browser (using Firebug) I see this:

    #bookPoetryUL {
    height: 880px;
}
#bookTextbookUL {
    height: 440px;
    margin-left: 0;
}

    Did you receive any errors when using the Appearance Editor? Did you make sure to save your changes after you edited the stylesheet?

    Thread Starter alexWP333

    (@alexwp333)

    No error messages in the Appearance Editor. It just said “file edited successfully”.

    Are you using any caching plugins or is your host caching your site?

    Thread Starter alexWP333

    (@alexwp333)

    I called my host and they told me that I need turn off a caching button while working on the site. They said that, otherwise, I would make a style change, and it might not show up on the site for a few hours!

    I didn’t realize that this was even necessary. I guess it’s one extra step in the process, but at least I now know what the problem was.

    I wouldn’t have been able to figure this out without you.

    Many thanks Stephen!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘style.css not loading correctly’ is closed to new replies.