# Custom CSS stylesheet location

**URL:** <https://gramps.discourse.group/t/custom-css-stylesheet-location/460>\
**Category:** Help\
**Created:** [June 4, 2020, 12:09pm UTC](https://gramps.discourse.group/t/custom-css-stylesheet-location/460 "2020-06-04T12:09:38Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Researcher](https://avatars.discourse-cdn.com/v4/letter/r/edb3f5/32.png) [@Researcher](https://gramps.discourse.group/u/Researcher)\
**Post date:** [June 4, 2020, 12:09pm UTC](https://gramps.discourse.group/t/custom-css-stylesheet-location/460/1 "2020-06-04T12:09:38Z")

</div>

Hi all  
I am looking at tweaking one of the built in sylesheets, but can’t see where it should go so that I can select it in the html option tab from the stylesheet dropdown when creating a new narrated website report.

1. The wiki suggests you create a new one in a new css folder:  
“copy one of the existing stylesheet in _$HOME/.gramps/css/_ . This directory doesn’t exist. You must create it before copying your future stylesheet”  
I tried creating that folder and adding a renamed copy of an existing css, but I don’t see it in the dropdown list.

2. The wiki also suggests that it goes into a css folder in the plugsin folder:  
“Please place the css file in your plugins css directory and select it from the reports Stylesheet option found on the [Html options] tab.”  
I created a css folder in plugins, and placed a copied css stylesheet into it but but that did not seem to work either.

I closed and restarted Gramps each time, in case it needed to pickup the location, but no luck. Is there another place for a custom stylesheet? I am using Windows 10, GrampsAIO64-5.1.2-1.

John

---

<div class="post-metadata">

**Author:** ![DaveSch](https://yyz2.discourse-cdn.com/free1/user_avatar/gramps.discourse.group/davesch/32/40_2.png) [@DaveSch](https://gramps.discourse.group/u/DaveSch)\
**Post date:** [June 4, 2020, 8:21pm UTC](https://gramps.discourse.group/t/custom-css-stylesheet-location/460/2 "2020-06-04T20:21:16Z")

</div>

Hi John

You are on Windows so the folder will be with your user files.

c:\users%you%\appdata\roaming\gramps\css

In Windows, the AppData will be hidden by default.

To have it work, make sure that the css file has a unique name different than the default Gramps options.

Once the file is in the folder, you will need to relaunch Gramps for it to be seen

---

<div class="post-metadata">

**Author:** ![Researcher](https://avatars.discourse-cdn.com/v4/letter/r/edb3f5/32.png) [@Researcher](https://gramps.discourse.group/u/Researcher)\
**Post date:** [June 4, 2020, 11:26pm UTC](https://gramps.discourse.group/t/custom-css-stylesheet-location/460/3 "2020-06-04T23:26:53Z")

</div>

Thanks DaveSch,

That worked, I can see my new css file in the dropdown.

---

<div class="post-metadata">

**Author:** ![emyoulation](https://yyz2.discourse-cdn.com/free1/user_avatar/gramps.discourse.group/emyoulation/32/67_2.png) [@emyoulation](https://gramps.discourse.group/u/emyoulation)\
**Post date:** [March 26, 2024, 5:41pm UTC](https://gramps.discourse.group/t/custom-css-stylesheet-location/460/6 "2024-03-26T17:41:35Z")

</div>

Version 5.2.1 includes a change for the default Adwaita theme:

One change was in Windows AIO installer build: install of the icons was pruned to the 16x16, 32x32, and cursors. Meanwhile, Gramps was looking at the wrong directory.  
“fullcolor: low res only at 16x16, lean onto the scalables for everything else” - we were looking for a 32x32 directory.

In addition, Nick noted…

> We have a `/usr/share/gramps/gramps.css`, but users should only change it if they know what they are doing.
> 
> Most users should just download a theme from [https://www.gnome-look.org](https://www.gnome-look.org) and install it. Gramps will just use the active Gnome theme.

---

<div class="post-metadata">

**Author:** ![DaveSch](https://yyz2.discourse-cdn.com/free1/user_avatar/gramps.discourse.group/davesch/32/40_2.png) [@DaveSch](https://gramps.discourse.group/u/DaveSch)\
**Post date:** [March 26, 2024, 9:14pm UTC](https://gramps.discourse.group/t/custom-css-stylesheet-location/460/7 "2024-03-26T21:14:05Z")

</div>

The custom CSS stylesheets originally referenced were the css files utilized by the narrative web. Not any css files utilized to create and display the Gramps GUI.

---

<div class="post-metadata">

**Author:** ![emyoulation](https://yyz2.discourse-cdn.com/free1/user_avatar/gramps.discourse.group/emyoulation/32/67_2.png) [@emyoulation](https://gramps.discourse.group/u/emyoulation)\
**Post date:** [March 26, 2024, 9:50pm UTC](https://gramps.discourse.group/t/custom-css-stylesheet-location/460/8 "2024-03-26T21:50:04Z")

</div>

OK. Thanks. Just have to find the correct thread to move this to.

(It is a high class problem to have too much forum data to peruse.)
