# Share your CSS

**URL:** <https://discourse.joplinapp.org/t/share-your-css/1730>\
**Category:** Lounge\
**Tags:** tips-and-tricks\
**Created:** [28 February 2019 15:51 UTC](https://discourse.joplinapp.org/t/share-your-css/1730 "2019-02-28T15:51:09Z")\
**Posts on this page:** 1\
**Showing post:** 65

<div class="post-metadata">

**Author:** ![dpoulton](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/dpoulton/32/29723_2.png) [@dpoulton](https://discourse.joplinapp.org/u/dpoulton)\
**Post date:** [17 March 2020 16:10 UTC](https://discourse.joplinapp.org/t/share-your-css/1730/65 "2020-03-17T16:10:09Z")

</div>

As I often use internal Joplin links “inline” I find that the Joplin internal link “J” icon before the link can be rather distracting.

This CSS is for **userstyle.css** and removes the “J” icon for internal links but does not remove the resource type icons for txt, pdf, zip, etc. attachments.

However as there is no longer something to differentiate between internal and external links it also changes the colour of internal links and, if applicable, their resource icons. In this example blue is external and green is internal.

![custom_css](https://canada1.discourse-cdn.com/flex028/uploads/cozic/original/2X/5/5160f66d663f3de8f8e86fecc77cac715c4e7789.png)

```css
a {
color: #0000CD; /* set general link colour - includes TOC links*/
}

a[data-resource-id] {
color: #006600; /* change the colour of INTERNAL links */
}

.resource-icon.fa-joplin {
display: none; /* do not display the Joplin resource icon */
}

.resource-icon {
background-color: #006600; /* change other resource link icons to the same as the internal link colour */
}

```

---

_[View the full topic](https://discourse.joplinapp.org/t/share-your-css/1730)._