How to use CSS customization to hide personal data for the customer?
Asked by Kristin Beck:

Hi everyone,

As content admin of Confluence, I would like to know how to use CSS in the Space Stylesheet to hide our contributors'/authors' names for the customer in the Page History, when selecting "compare selected versions"?  

Also, we would like to know how to hide "Space tools" as under "Space details", our admins' names ![Page History compare selected versions.jpg](/t5/image/serverpage/image-id/86176iAE2715CCC49632B6/image-size/large?v=v2&px=999 "Page History compare selected versions.jpg")are shown:  
![Versions compared.png](/t5/image/serverpage/image-id/86177iAC43D6FE66E351F5/image-size/large?v=v2&px=999 "Versions compared.png")  
![How to hide Space tools.jpg](/t5/image/serverpage/image-id/86174iCF5CF7FE5F763B84/image-size/large?v=v2&px=999 "How to hide Space tools.jpg")


Answers:
author: Sven Schatter _Lively Apps_
body: Hi Kristin,

there's several CSS selectors you need to do this.

* **Space Admins:**#spaceAdmins, label\[for="spaceAdmins"\]
* **Page History:**#page-history-container .contributors .confluence-userlink
* **Version Diff:**.diff-menu .confluence-userlink

Combined into a single selector you get:

```
#spaceAdmins, label[for="spaceAdmins"], #page-history-container .contributors .confluence-userlink, .diff-menu .confluence-userlink
```

If I enter this selector into the global [HideElements for Confluence](https://marketplace.atlassian.com/apps/1211757/hideelements-for-confluence?hosting=server&tab=overview) custom CSS selector field, it works like a charm.

![he_global.png](https://community.atlassian.com/t5/image/serverpage/image-id/86216i4A6FED2458651B73/image-dimensions/393x327?v=v2 "he_global.png")

With HideElements enabled, this is what I get for the **Space Admins** list:

![spaceadmins.png](https://community.atlassian.com/t5/image/serverpage/image-id/86222i33C548757B8F997D/image-dimensions/591x175?v=v2 "spaceadmins.png")

And this is what I get for the **Page History** overview:

![pagehistory.png](https://community.atlassian.com/t5/image/serverpage/image-id/86223i632C9C4CA07D9D39/image-dimensions/612x149?v=v2 "pagehistory.png")

And this is what I get for the **Version Diff** view:

![versiondiff.png](https://community.atlassian.com/t5/image/serverpage/image-id/86224i7B00B8A3A9F17BA8/image-dimensions/585x198?v=v2 "versiondiff.png")

Now, you could also just add the selector together with a "*{ display: none !important; }* " to your global CSS sheet - but then it's always hidden in all spaces. With HideElements you get a bonus ability: you can go into the **HideElements space settings** and overwrite the custom CSS selector for a certain space!

![he_space.png](https://community.atlassian.com/t5/image/serverpage/image-id/86225iEB47DA33B4A0A733/image-dimensions/445x303?v=v2 "he_space.png")

What this means is: you can hide this information from "customer spaces", but you are still able to show this information in internal spaces, where you might need it. This might be very useful for you if you have both internal \& customer space on the same instance!

Hope this helps! :)

Cheers,  
Sven

*P.S.: If you are doing this for compliancy reasons (e.g. GDPR) you should talk to your lawyers / auditors again about whether just hiding this information is enough in your case. Please be aware that Confluence is still storing and delivering this information to users - this is just cosmetical.*


Tags: confluence-server

server