# Editing casper theme

**URL:** <https://forum.ghost.org/t/editing-casper-theme/8245>\
**Category:** Themes\
**Created:** [July 12, 2019, 8:01pm UTC](https://forum.ghost.org/t/editing-casper-theme/8245 "2019-07-12T20:01:36Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![biko-the-bird](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/biko-the-bird/32/4086_2.png) [@biko-the-bird](https://forum.ghost.org/u/biko-the-bird)\
**Post date:** [July 12, 2019, 8:01pm UTC](https://forum.ghost.org/t/editing-casper-theme/8245/1 "2019-07-12T20:01:36Z")

</div>

hi im trying to edit my ghost casper theme. I am able to delete things in the handlebars files but when I change anything in the css file this does nothing. How can I edit the css of the casper or clone the theme so I can make that slight change. I want to make the site-logo have a border radius so it’s a circle.

---

<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:** [July 12, 2019, 8:05pm UTC](https://forum.ghost.org/t/editing-casper-theme/8245/2 "2019-07-12T20:05:22Z")

</div>

All the docs for working with Casper are in the repository:

> **[GitHub - TryGhost/Casper: The default theme for Ghost](https://github.com/tryghost/Casper)**
>
> The default theme for Ghost. Contribute to TryGhost/Casper development by creating an account on GitHub.

If you just want to make minor edits, code injection might be easier because you won’t have to make changes to Casper every time it’s updated

---

<div class="post-metadata">

**Author:** ![biko-the-bird](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/biko-the-bird/32/4086_2.png) [@biko-the-bird](https://forum.ghost.org/u/biko-the-bird)\
**Post date:** [July 12, 2019, 8:13pm UTC](https://forum.ghost.org/t/editing-casper-theme/8245/3 "2019-07-12T20:13:45Z")

</div>

thank you very much for your quick response. this was exactly what I was looking for. How would a code injection work for this. All I see is for making changes to the header and the footer?

---

<div class="post-metadata">

**Author:** ![derek-shnosh](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/derek-shnosh/32/2758_2.png) [@derek-shnosh](https://forum.ghost.org/u/derek-shnosh)\
**Post date:** [July 12, 2019, 9:07pm UTC](https://forum.ghost.org/t/editing-casper-theme/8245/4 "2019-07-12T21:07:43Z")

</div>

Since the header is loaded before the rest of the content, any changes made there will affect the entire page.

---

<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:** [July 13, 2019, 3:20pm UTC](https://forum.ghost.org/t/editing-casper-theme/8245/5 "2019-07-13T15:20:58Z")

</div>

As @derek-shnosh mentioned, you want to insert this into the header. Just add any changes you want in a style block for the header code injection:

```auto
<style>
/* styles go here */
</style>

```

---

<div class="post-metadata">

**Author:** ![pascalandy](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/pascalandy/32/444_2.png) [@pascalandy](https://forum.ghost.org/u/pascalandy)\
**Post date:** [July 15, 2019, 3:14pm UTC](https://forum.ghost.org/t/editing-casper-theme/8245/6 "2019-07-15T15:14:14Z")

</div>

I maintain our customizations on this repo:

> <https://github.com/firepress-org/Code-Injection-for-Ghost-themes/blob/master/Firepress_Klimax2.html>

This is the best to way to customize your theme as every future updates will work. You won’t have to compare all code changes manually.

---

<div class="post-metadata">

**Author:** ![biko-the-bird](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/biko-the-bird/32/4086_2.png) [@biko-the-bird](https://forum.ghost.org/u/biko-the-bird)\
**Post date:** [July 15, 2019, 6:57pm UTC](https://forum.ghost.org/t/editing-casper-theme/8245/7 "2019-07-15T18:57:10Z")

</div>

thank you this makes sense and is applicable to my question. I will use this method instead of manually customizing my theme