CSS Changes Not Appearing On Site.

  • Resolved 782426

    15 years, 9 months ago

    Alright, I’ve got a major problem, guys…I was just finishing up a new theme for my site; Changing the h1 and h2 properties —

    When all of a sudden, the changes stopped appearing on my site.

    I simply edited the font-size attribute on h1 and h2, making it slightly smaller than the ’20px’ size I had it set at originally…And it stayed 20px. So I changed it even smaller — Still nothing. Desperate, I switched it to an insane 125px, hoping it was simply my eyes not catching a subtle change — Still no change on my site.

    – The permissions are fine on the CSS file. [644.]
    – My browser’s cache has been cleared repeatedly.
    – A computer restart does nothing.
    – Viewing my site in the other computer in my apartment does nothing.
    – Rebooting my Internet HUB does nothing.
    – Removing the h1 and h2 sections of my CSS file does work, but I do not want the default h1 and h2 properties applied. I want to be able to customise them.

    Obviously.

    Furthermore, the changes I make in single.php — Switching the h2 to an h4, for example — Do nothing as well.

    I’m extremely frustrated. Extremely.

    Can anyone provide insight…Please?

Viewing 15 replies - 1 through 15 (of 17 total)
1 2
  • Thread Starter 782426

    15 years, 9 months ago

    Gah, anyone …? I’m totally desperate right now!

    And to add, my CSS is completely valid, and my xHTML is Strict 1.0 — Also completely valid.

    Thread Starter 782426

    15 years, 9 months ago

    And another thing I just noticed on my site … I have wordpress installed in a password protected directory — I have to enter said password twice before it will work.

    I figured was just making a type the first time around, but no, I must enter it twice every single time, before it’ll let me in.

    Does this added info give anyone insight …?

    ogre

    (@ogre)

    15 years, 9 months ago

    Browsers tend to cache the style sheet. You need to force a reload by holding down a shift key when you click on the refresh button.

    Thread Starter 782426

    15 years, 9 months ago

    I think it may be my folder/file permissions … But this doesn’t make any sense, as I make a point to never touch them.

    ogre

    (@ogre)

    15 years, 9 months ago

    Ok, after re-reading your first post it’s obvious it’s not a caching problem. Is it possible you have been editing the wrong theme? View the page code and check the path to the style sheet. Then pull up the style sheet in the browser to verify your changes are in it.

    Thread Starter 782426

    15 years, 9 months ago

    I am most definitely editing the correct file. [Checked that ages ago, and even deleted all the other themes to be extra sure.]

    And yeah, totally not a caching problem. Did the whole CTRL + F5 thing a thousand times today.

    ogre

    (@ogre)

    15 years, 9 months ago

    If you can actually see the changes in the style sheet when viewed with your browser (not inside of wordpress!!!), then this is very weird. You should be viewing it via the url, e.g. http://thedomain/path/wp-content/themes/my-special-theme/style.css

    Some other possibilities, albeit unlikely, your server is behind a caching proxy or you’ve overridden the style sheet with a local one.

    Thread Starter 782426

    15 years, 9 months ago

    Yeah, the CSS changes are clearly showing up in the textual stylesheet.

    Another thing … The only change that refuses to appear is the font-size attribute. Color works fine, text-align works fine, padding works fine.

    Hell, font-size even works fine on the body — Why not in h1 and h2?!

    Ahhhhhh, I’m seriously so code-angry right now!

    ogre

    (@ogre)

    15 years, 9 months ago

    Ah! That’s very different. Probably there’s something else in the style sheet overriding your settings. Use firefox, get the “web developer’s toolbar” extension. Activate it. Pull up the page and press Ctrl-Shift-F. Now click on an item you expect the changes to work on and you’ll see all kinds of good information on it, e.g. “Font Family” and “Font Size” (under “Other” in the information box). That might help you track down what’s buggering your changes.

    Thread Starter 782426

    15 years, 9 months ago

    I just went and did this — The ‘Other’ information insists the ‘Font Size’ is set at 20px, when in reality it’s set to 40px.

    What the heck!?

    ogre

    (@ogre)

    15 years, 9 months ago

    One quick cheat to see if it’s an override causing the problems is to move your changes to the very end of the file. This is not the correct way to fix it since it will probably have unintended side effects, but it will at least help you locate the problem.

    Thread Starter 782426

    15 years, 9 months ago

    …move your changes to the very end of the file…

    How do you mean, exactly? I apologise, :(, I’m sure I understand what you mean, but I want to double check.

    ogre

    (@ogre)

    15 years, 9 months ago

    Duplicate your style changes at the end of the style sheet document (you are editing style.css, right?).

    Here’s another thought. A typo will cause the item to be completely ignored!, e.g.

    h2 {
  font-weight: bold
  font-size: 40px;
}

    The missing semicolon after bold will muck up everything. I’ve been bitten by this a few times.

    Thread Starter 782426

    15 years, 9 months ago

    Nope, nothing like that, either … 🙁

    Wow. Gosh. The only thing that will not show up as edited is the font-size attribute within H2, and H2 only.

    Every single other H[insert any damn number here] font-size change will appear. Just not H2.

    So, I suppose I’ll have to work around this mysterious MOTHERF************ problem!!!!!! ARGH.

    I’ll just use H2 for the header image, as the only attribute for the header image is padding. And I’ll have to use the other H#s for everything else. Hope my plan works, I’m about to delete WordPress off my site in total if it doesn’t! >:(

    Because I swear, it must be WordPress — I have been building sites and editing CSS files for a damn living, and I have NOT ONCE had this problem before. Not even once. >:(

    EDIT: Apologies for any unneeded anger above. I do need to start attending anger management classes again. 😛

    Thread Starter 782426

    15 years, 9 months ago

    Oh dear lordy lord lord. I think I figured it out.

    I had an H2 attribute, along with a ‘.post h2’ attribute, both in the same CSS file.

    Would this have caused the problem?

Viewing 15 replies - 1 through 15 (of 17 total)
1 2
  • The topic ‘CSS Changes Not Appearing On Site.’ is closed to new replies.