Why Does My Site Change My CSS for Me

Why does my site change my CSS for me?

Have you tried adding display: block !important; ? I often have to use the !important to stop my CSS being overridden by other modules.

The preferred method of resolving this kind of issue is to ensure that the CSS files are being loaded in the correct order (it is Cascading Style Script after all). However in this instance, and as is often the case with CMS type sites (or those where you don't have access to changing the loading order of the CSS files), the !important declaration is the solution.

CSS changes are not getting reflected. Why?

I forgot to close a { in the CSS file.
That's why all the code didn't show up on the page.

changing the url site for css to consistent one

Placed the image on my themes folder under images using the FTP

then change my css to this

body
{
background: #e5ddc8 url(images/fredshotel-headbgg.png) top left repeat-x;
}

My webpage ignores changes in CSS file

Solved, and it wasn't about caching! I thought .css files are to blame, but the mistake was between chair and keybord.

The body of my html/php code looked like this:

<body>

<?php
include 'header.php';
include 'left_menu.php';
include 'footer.php';
?>

*main page code*

</body>

My footer and main page were all moved inside the left menu (I don't know what exactly caused this problem, but I know how to solve it now). I mistakenly blamed some error in .css file of this, so I asked this question. If I had e.g. changed the background color or made some other change clearly visible on the tiny space left for my main page, it would become clear that the .css file updates normally and problem is somewhere else.

I just changed the position of include tags and everything is OK:

<body>

*main page code*

<?php
include 'header.php';
include 'footer.php';
include 'left_menu.php';
?>

</body>

Sorry for asking you for something else than I really wanted, and thanks for teaching me how to solve caching problems (I'm almost sure I'll face them some day in the future).

Modify permanently a CSS of a website that I do not own, and distribute the change to my network

Install Stylish. Make custom CSS file. Winning.

Complete list of reasons why a css file might not be working

  1. Are you sure the stylesheet is loaded? You can see it using the "Net" tab of Firebug on firefox, or on "Network" tab of the Console of your browser.

  2. (If 1 works) can you have a simple sample style and see whether this is getting applied (and visible in the console)?

Why is my CSS not updating in web browser?

Try a "hard" refresh of your browser...

http://en.wikipedia.org/wiki/Wikipedia:Bypass_your_cache

The idea is to bypass your browser's cache. Different browsers handle this differently, and this wiki article has a nice walk-through for each major browser on how to do this.

Alternatively, you could clear your browser's cache, which is also covered by the wiki article.



Related Topics



Leave a reply



Submit