site.css is not working for my sample web site

Question

Newbie here.

I have created an empty MVC project in VS2010 and I'm trying to format my view for authentication. So, I've added this to site.css:

.rez 
{
color: Olive;
}

and this to my View:

@using (Html.BeginForm())
{
<div>
<label class="rez">Username</label><input type="text" name="Username"/>
</div>
<div>
Password<input type="password" name="Password"/>
</div>
<div>
<input type="submit" name="Log"/>
</div>
}

It's not working. I haven't touched routing or bundleconfig. I've configured web.config for authentication. _ViewStart and _Layout are also unchanged.

What am I doing wrong and more importantly how do I debug this issue. I'm using chrome.

Are you sure Site.css is loaded? If not run your project in IE and press F12, go to the Network tab and click on the 'Start Capturing' button, refresh your page and make sure you do not get any 404 errors. — Andre Lombaard, Aug 23 '13 at 10:09
I think that Site.css is not loaded. Chrome for my label element says this under Matched CSS Rules: label { cursor: default; } — Nezreli, Aug 23 '13 at 10:55

Fakhar Ahmad Rasul · Answer 1 · 2018-02-17T06:45:05.530

17

I had the same problem and I found out that the name of the file is "Site.css" and the file which is getting referenced in the BundleConfig.cs is "site.css" with lowercase s. I simply matched the file names and it worked.

edit: another thing to try is open inspect element of your browser, right click on the refresh button and hit empty cache and hard reload.

edited Feb 17 '18 at 06:45

answered Jul 25 '17 at 15:35

Fakhar Ahmad Rasul

1,595
1
19
37

Thanks, this has fixed my problem. In BundleConfig I have changed the case :["~/Content/site.css" to "~/Content/Site.css"] – Kawsar Ahmed Feb 20 '19 at 10:27
1

"hard reload"! Unbelievable ... but it works. Restart VS, no. Browser hard reload, yes. – Gary Huckabone Dec 08 '20 at 18:57
Clear cache fixed my problem – Mauricio Hartmann Dec 04 '21 at 21:52

score 4 · Answer 2 · edited Aug 23 '13 at 11:05

4

If you have added the CSS file to your content directory folder ensure that you are calling @Styles.Render("~/Content/css")

edited Aug 23 '13 at 11:05

Satpal

132,252
13
159
168

answered Aug 23 '13 at 11:04

Jay

3,012
14
48
99

This line is in _Layout.cshtml by default. Haven't changed it. – Nezreli Aug 23 '13 at 11:56
I had the same issue, I don't remember changing it, but thanks! – user121615 Jan 20 '18 at 21:35

score 2 · Answer 3 · edited May 28 '19 at 08:38

Naming Difference Found in Asp.net MVC 4

case sensitive

the problem is due to the file we're accessing, defined in ~/App_Start/BundleConfig.cs and the file we're applying changes in ~/Content/Site.css

In BundleConfig.cs we have:

bundles.Add(new StyleBundle("~/Content/css").Include(
                  "~/Content/bootstrap.css",
                  "~/Content/site.css"));

but in project directory we have:

~/Content/Site.css

Solution : Make sure to have the same file names.

score 0 · Answer 4 · answered Jul 30 '18 at 05:15

0

My site was working fine. I updated the nuget packages and none of the styles would work. Rolling back bootstrap to a previous version fixed it.

answered Jul 30 '18 at 05:15

whothewho

31
2

LaPlagaPR · Answer 5 · 2020-01-15T14:46:29.403

0

My site was working fine before being deployed after deployment the site.css was not being loaded, I found out by removing ~ from the ref worked for me from "~/css/site.css" to this "/css/site.css" and works fine now, you can also verify if the ref is within the "<"environment exclude="Development"">" tag.

edited Jan 15 '20 at 14:46

answered Jan 15 '20 at 14:23

LaPlagaPR

11
3

site.css is not working for my sample web site

5 Answers5

Linked