# Quick CSS changes workflow?

**URL:** https://forum.ghost.org/t/quick-css-changes-workflow/6670
**Category:** Developer help
**Created:** [April 6, 2019, 2:13pm UTC](https://forum.ghost.org/t/quick-css-changes-workflow/6670 "2019-04-06T14:13:58Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![bruce\_norton](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/bruce_norton/32/3109_2.png) [@bruce\_norton](https://forum.ghost.org/u/bruce_norton)
#### Post date: [April 6, 2019, 2:13pm UTC](https://forum.ghost.org/t/quick-css-changes-workflow/6670/1 "2019-04-06T14:13:58Z")

</div>

How can I make quick changes to CSS **without having to re-zip and re-upload the theme**?

- I tried changing css/screen.css & css/global.css with no effect
- I tried adding a built/custom.css file to see if updating that would reflect on the site

Ideally I would like to make changes in dev tools, copy to custom.css, upload and have those changes reflected on the site.

Please help by sharing your workflow.

- What’s your URL? This is the easiest way for others to debug your issue  
[https://news.sureconsult.ca/](https://news.sureconsult.ca/)
- What version of Ghost are you using? 2.19.3
- What configuration? using a duplicate of casper I called hamlet… another famous ghost
- What browser? N/A
- What errors or information do you see in the console? none
- What steps could someone else take to reproduce the issue you’re having?

---

<div class="post-metadata">

### Author: ![vikaspotluri123](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/vikaspotluri123/32/24_2.png) [@vikaspotluri123](https://forum.ghost.org/u/vikaspotluri123)
#### Post date: [April 6, 2019, 4:21pm UTC](https://forum.ghost.org/t/quick-css-changes-workflow/6670/2 "2019-04-06T16:21:49Z")

</div>

I think your best bet is code injection via the admin interface - just add your styles between `<style></style>` tags 🙂

---

<div class="post-metadata">

### Author: ![bruce\_norton](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/bruce_norton/32/3109_2.png) [@bruce\_norton](https://forum.ghost.org/u/bruce_norton)
#### Post date: [April 6, 2019, 4:26pm UTC](https://forum.ghost.org/t/quick-css-changes-workflow/6670/3 "2019-04-06T16:26:30Z")

</div>

Thanks Vika  
In the end I got it working with the following in default.hbs:  
`<link rel="stylesheet" href="{{asset "built/custom.css"}}">`

Then making changes & uploading just the built/custom.css seems to work well.

p.s. for others… my default.hbs now looks like this:  
`{{!-- Styles'n'Scripts --}}`  
`<link rel="stylesheet" type="text/css" href="{{asset "built/screen.css"}}" />`  
`<link rel="stylesheet" href="{{asset "built/custom.css"}}">`

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/2X/b/ba9ce5100b8bb264586f4f572545596b2ce3f081.png) [@system](https://forum.ghost.org/u/system)
#### Post date: [April 20, 2019, 4:26pm UTC](https://forum.ghost.org/t/quick-css-changes-workflow/6670/4 "2019-04-20T16:26:31Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.