> ## Content Index > Fetch the complete content index at: https://ghost.org/help/llms.txt > Use this file to discover other available public pages before exploring further. # Adding styles with code injection - URL: https://ghost.org/help/code-injection-styles/ - Published: 2023-04-18T13:27:43.000Z - Updated: 2025-08-01T20:27:35.000Z - Author: Ghost - Tags: Design, Manual Code injection in Ghost allows you to easily add CSS styles, custom fonts, meta tags, and scripts to your site header and footer. ![](https://storage.ghost.io/c/69/0f/690faecc-18d1-42c5-a99a-83ce5fada384/content/images/2023/10/Code-injection-1.png) To access the code injection feature, go to **Settings → Advanced → Code Injection** area of Ghost admin. Code added within the Site Header will be output within the `` `` of your site, and the code added to the Site Footer will be placed before the closing `` tag. When using code injection, any custom CSS or scripts you add will appear on every single page of your site – without having to edit your theme files directly. You can also use code injection on individual posts and pages from within the Editor, in the [Post Settings menu](https://ghost.org/help/post-settings/#code-injection). Below are a few common examples of CSS that can be used to make changes to your site design, if using our default theme, [Source](https://ghost.org/themes/source/): **Increase the logo size in the header** ``` ``` **Remove Ghost branding from the footer** ``` ``` **Change the direction of elements and text to right-to-left** ``` ``` For more examples, check out the [Code injection tutorial](https://ghost.org/tutorials/use-code-injection-in-ghost/).