WordPress.org

Ready to get started?Download WordPress

Forums

CSS changes not updating (22 posts)

  1. Steve
    Member
    Posted 8 years ago #

    Hi;

    I tried changing some colors in the CSS via the theme editor. I don't see the changes in my blog. I changed the colors in clearly labeled styles (ie header). I hit the update file button. I also blew the cache in my browser and reloaded. No changes.

    Is there a trick I am overlooking?

    Thanks

  2. resiny
    Member
    Posted 8 years ago #

    hit control+f5, if that didn't work double check your code and make sure you didn't make any errors

  3. Steve
    Member
    Posted 8 years ago #

    What is control f5 supposed to do?
    - refresh my browser?
    - a wordpress command that truly updates my blog?

    I ask because I want to know what app I am supposed to be in when I do this. Thanks.

    I checked my code, there are only so many ways mess up "white;" :)

  4. Steve
    Member
    Posted 8 years ago #

    Okay I tried ctrl f5 in wordpress, still no dice. Could the files be read only and will wordpress tell me if that is the case?

    I changed to the body color to bgcolor to black in the default theme, that should have been very visible.

  5. Steve
    Member
    Posted 8 years ago #

    I checked the file directly. It did update but I do not see the changes on the blog. Here is what the section of code I altered looks like.

    This is from the style.css in the default wordpress theme. I changed the background color ( or tried to ) for the body from gray to black:

    /* Begin Typography & Colors */
    body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    background-color: black;
    color: #333;
    text-align: center;
    }

  6. Steve
    Member
    Posted 8 years ago #

    To anticipate the next question I am using word press 2.02

  7. ladydelaluna
    Member
    Posted 8 years ago #

    Go to the SITE and use ctrl and f5.
    It's a "hard refresh" that ensures an uncached view of the page (I know, you said you cleared the cache already, but just try it anyway - it's not some evasive WP only code - it's what you can use on any site, WP built or not.)

    Just a hunch - maybe try using the color code as opposed to the word of the color? White is #ffffff, black is #000000 (zeros)

    And the default theme is notoriously wonky to modify - if you're trying to edit the header colors in the default theme, that's where your issue is.

    What version of WP are you using? (The latest 2.0.2 has a separate tab as to where you can change the header colors.)

  8. ladydelaluna
    Member
    Posted 8 years ago #

    The URL would be helpful as well. We can pull the CSS from that and try to help you better.

  9. Steve
    Member
    Posted 8 years ago #

    Okay,
    - I went to my blog site and did ctrol F-5 - no luck.

    - I tried the color code #000000 instead of "black" - no luck

    - I am editing the style.css file through the wordpress interface
    which is updating the file ( I checked the file directly )

    - I am using wp 2.02, I am not trying to change the header, I am
    trying to change the background color in the default theme in
    the area around the blog from gray to black.

    - the url for my site is http://www.beforewisdom.com/blog/

    Thanks in advance for the help!

    http://www.beforewisdom.com/blog/

  10. timo0403
    Member
    Posted 8 years ago #

    Hi

    I have the post below and I have exactly the same problem. When you mean go to site to execute Ctrl F5 what exactly do you mean .. execute Ctrl F5 when page is in browser or whilst logged in Admin ...

    Someone mentioned Dreamweaver not able to amend WP files .. this is how I did it .. is this a problem?

    thanks
    Timo

  11. maerk
    Member
    Posted 8 years ago #

    Hi,

    In your header.php file, try changing the line that says

    body { background: url("http://beforewisdom.com/blog/wp-content/themes/default/images/kubrickbgcolor.jpg"); }

    to

    body { background: black url("http://beforewisdom.com/blog/wp-content/themes/default/images/kubrickbgcolor.jpg"); }

    Edit: The Kubrick theme (the default wordpress theme) stores colours and background images directly in the head of your page. This means that your style.css rules will be overridden, since CSS in the head of pages takes precedence.

    It might be a good idea to remove the styles from head and put them into your style.css file, this will make it easier to edit in the future.

  12. maerk
    Member
    Posted 8 years ago #

    Ctrl-f5 is a feature of your web browser. It has nothing to do with wordpress. When you press ctrl-f5 when viewing a web page it loads a completely fresh copy from the server, and overwrites the copy in the cache.

    (The cache is a temporary store on your computer of web pages that speeds up viewing web pages that you have already seen.)

  13. Steve
    Member
    Posted 8 years ago #

    Okay, I think I found the issue. I saved my blog page (view source ) and found that the developer hardcoded images to substitute for colors in the default theme( he made some comments in the code to identify it as such )

    I deleted the image path and got the color I wanted in the view-source copy of the page I downloaded.

    The trouble is, I can't find that same code in theme editor sections in word press

  14. maerk
    Member
    Posted 8 years ago #

    It's in the Header file -- it should be labelled as Header or something similar, I can't remember despite having edited it about a million times myself!

  15. Steve
    Member
    Posted 8 years ago #

    Okay, I found the code in word press that uses pictures to override the style sheet..thanks.

  16. maerk
    Member
    Posted 8 years ago #

    A warning though: the design relies heavily on images, so don't delete the image path! Try the edit I recommended in my post above, and backup your theme files before proceeding.

  17. timo0403
    Member
    Posted 8 years ago #

    Hi

    I just applied the edit you recommended and Ctrl F5 (using the colour code #E69821 instead of black but it still is grey.

    URL is http://www.voipworking4you.info .

    Now I have changed it in the style.css and in the header.php but no cigar.

  18. maerk
    Member
    Posted 8 years ago #

    It's working fine where I am -- lovely shade of mango orange!

    Try ctrl-f5 to refresh :)

  19. timo0403
    Member
    Posted 8 years ago #

    Many thanks Maerk

    Must be a IE problem as deleting temp files didn't work and nor did CTRL F5 - it does refresh but back to grey.

    Don't understand how but ....

    I'm gathering I might need to download Firefox as it might be a bit bright:)

  20. timo0403
    Member
    Posted 8 years ago #

    OK .. now this is definitley weird.

    Definitely my PC ... downloaded Firefox and I get the same effect in there .. still grey.

    I swear I have tried the CTRL F5 atleast four times .. not that more than once would help :)

    I'm almost beaten!

  21. LiverpoolLad
    Member
    Posted 8 years ago #

    Tried deleting your cookies?

  22. maerk
    Member
    Posted 8 years ago #

    Right, I just checked, when I visit your domain, I get redirected to an article with the right orange background. When I actually visit the blog, the colour hasn't changed -- you haven't changed the CSS in the <head> tag which is found in your Header file when you use the Template editor.

    Sorry, I've been giving false reassurance!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags