# Simple stylesheet for Local

**URL:** <https://community.localwp.com/t/simple-stylesheet-for-local/31969>\
**Category:** Local Add-ons\
**Tags:** css, add-on\
**Created:** [June 4, 2022, 1:15am UTC](https://community.localwp.com/t/simple-stylesheet-for-local/31969 "2022-06-04T01:15:22Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![LlamaPress](https://sea1.discourse-cdn.com/flex019/user_avatar/community.localwp.com/llamapress/32/15938_2.png) [@LlamaPress](https://community.localwp.com/u/LlamaPress)\
**Post date:** [June 4, 2022, 1:15am UTC](https://community.localwp.com/t/simple-stylesheet-for-local/31969/1 "2022-06-04T01:15:22Z")

</div>

Hi,

I’m looking for a way to load in a simple stylesheet into the Local app, to make some tweaks here and there for my own personal needs. Just CSS, and nothing else is needed. I’ve thought of 2 possible ways I can achieve this:

1. Using Local’s Developer mode, I could add a stylesheet as an ‘Override’ file from my local machine, using ‘Sources → Overrides’.
2. I could create a simple add-on, that simple loads in a custom stylesheet.

Option 1 sounds easier, however, when I select a folder under ‘Sources → Overrides’, nothing happens. In chrome, I’m prompted to allow permission for this, before being able to select a folder in the Overrides section. Is there a way to achieve this?

Option 2 would involve me getting involved with a bunch of areas I’m not familiar with, however, I have been looking at the Notes add-on, and I see that this add-on does register a stylesheet. If option 1 is not possible, would it be fairly simple to create an add-on, that simply loads in a custom stylesheet and does nothing else?

Thanks.

---

<div class="post-metadata">

**Author:** ![LlamaPress](https://sea1.discourse-cdn.com/flex019/user_avatar/community.localwp.com/llamapress/32/15938_2.png) [@LlamaPress](https://community.localwp.com/u/LlamaPress)\
**Post date:** [June 4, 2022, 4:41am UTC](https://community.localwp.com/t/simple-stylesheet-for-local/31969/2 "2022-06-04T04:41:00Z")

</div>

Update - I managed to get option 1 working (the CSS overrides), however, it does not work as expected as I need to open dev tools to make the CSS changes apply. So, I think option 2 (a simple add-on that loads in a custom stylesheet) is my only option here.

---

<div class="post-metadata">

**Author:** ![LlamaPress](https://sea1.discourse-cdn.com/flex019/user_avatar/community.localwp.com/llamapress/32/15938_2.png) [@LlamaPress](https://community.localwp.com/u/LlamaPress)\
**Post date:** [June 6, 2022, 5:17pm UTC](https://community.localwp.com/t/simple-stylesheet-for-local/31969/3 "2022-06-06T17:17:42Z")

</div>

Given that all I need this add-on to do is add a tag to the app, pointing to a normal CSS stylesheet within it’s own directory, would I need to go through the process of running the add-on generator [GitHub - getflywheel/create-local-addon: A generator to assist in the development of new Local add-ons. Generates a basic add-on to act as a starting point for development.](https://github.com/getflywheel/create-local-addon), or would that be overkill?

I’m trying to find documentation on how to create a very simple add-on, but all I’m finding is information on creating more complex builds using the generator, that pull in various dependencies which then need to be built with npm, which I don’t THINK is necessary for this, given it’s simplicity. If anyone can point me in the right direction here, that would be greatly appreciated.

Thanks.