# CSS changes not reflected on local development server

**URL:** <https://forum.ghost.org/t/css-changes-not-reflected-on-local-development-server/21335>\
**Category:** Installation\
**Created:** [March 29, 2021, 12:20am UTC](https://forum.ghost.org/t/css-changes-not-reflected-on-local-development-server/21335 "2021-03-29T00:20:05Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![nikitapashinsky](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/nikitapashinsky/32/11125_2.png) [@nikitapashinsky](https://forum.ghost.org/u/nikitapashinsky)\
**Post date:** [March 29, 2021, 12:20am UTC](https://forum.ghost.org/t/css-changes-not-reflected-on-local-development-server/21335/1 "2021-03-29T00:20:05Z")

</div>

Hi,

I’m trying to modify the [Starter](https://github.com/TryGhost/Starter) theme on my local Ghost 4.0 installation. I ran the following commands:

- `yarn`
- `yarn dev`
- `ghost run --development` in another tab

Development server is running, gulp is watching and even reloading the changed CSS files (as shown in the output), but no changes are shown in the browser after I refresh the page.

This is what I see in my `yarn dev` tab after making some changes to CSS:

```
[03:05:18] Starting 'css'...
[03:05:18] /Users/nikita/dev/ghost/content/themes/Starter-master/assets/built/screen.css reloaded.
[03:05:18] /Users/nikita/dev/ghost/content/themes/Starter-master/assets/built/screen.css.map reloaded.
[03:05:18] /Users/nikita/dev/ghost/content/themes/Starter-master/assets/built/vars.css reloaded.
[03:05:18] /Users/nikita/dev/ghost/content/themes/Starter-master/assets/built/vars.css.map reloaded.
[03:05:18] Finished 'css' after 482 ms

```

No actual changes appear on [http://localhost:2368](http://localhost:2368). They only appear if I use `ghost start` instead of `ghost run --development`. What are the benefits of using `ghost run --development` / downsides of using `ghost start` for development?

Could you please help me? Thank you!

---

<div class="post-metadata">

**Author:** ![nikitapashinsky](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/nikitapashinsky/32/11125_2.png) [@nikitapashinsky](https://forum.ghost.org/u/nikitapashinsky)\
**Post date:** [March 29, 2021, 1:53am UTC](https://forum.ghost.org/t/css-changes-not-reflected-on-local-development-server/21335/2 "2021-03-29T01:53:19Z")

</div>

So the problem seems to be with cache, as emptying cache in Safari and refreshing the page shows updated CSS. But I have to do this (Alt + Cmd + E) each time before refreshing the page. Is there a better way?

---

<div class="post-metadata">

**Author:** ![adrrian17](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/adrrian17/32/16842_2.png) [@adrrian17](https://forum.ghost.org/u/adrrian17)\
**Post date:** [February 20, 2022, 10:34pm UTC](https://forum.ghost.org/t/css-changes-not-reflected-on-local-development-server/21335/3 "2022-02-20T22:34:41Z")

</div>

I don’t know how it works on Safari but I found a solution for Chrome in this post:

> [@Ghost does not serve Tailwind CSS files](https://forum.ghost.org/t/ghost-does-not-serve-tailwind-css-files/28067):
>
> Hello all, I am currently trying to build a custom theme for my blog. Since I am an avid TailwindCSS user, I decided it’d be best to go with it in this case as well. However, so far I’ve only used it with frameworks like Next JS where the setup experience was much more seamless. I am currently working on a local development instance which I installed with ghost install local. My theme boilerplate is in the content/themes directory and activated. I used the asset helper to link my stylesheet wi…