I'm using a default MVC project created in VS2017. So I have default Bootstrap.css and my Site.css files.

in the \_Layout.cshtml file I have inserted an image

```
<body>
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <img class="jamClass" src="~/Content/Images/Gravit_Bridge_Sync.svg"/>
            </div>
        </div>
    </div>

```

The image is showing fine but I'm trying to implement a size change using my `Site.css` file, i.e. with `jamClass` - instead of writing the size change in-line.

In my `site.css` I've tried increasing the "priority points" as seems to be the answer for many questions like this, but I just can't get any change to register.

I've tried:

```
a.jamClass{width:50px}
#.jamClass{width:50px}
.jamClass{wdith:50px}

```

I think I might be going about this the wrong way. I'm not even sure the Site.css is having any affect at all but I don't want to be changing the bootstrap.css files?

It's frustrating because it's so easy to do inline but I'm trying to do it the "proper" way!

---

**EDIT and ANSWER**
**WOW** the real reason this wasn't working was because my `Site.css` created by default was not referenced properly in the `BundleConfig` file - it was lower-case `s`

See [here](https://stackoverflow.com/questions/18400087/site-css-is-not-working-for-my-sample-web-site) for where I found the suggestion.