⭔ Blog⧉ Notes⏣ About@ Contact ⟐ Online Course  |

How To Add Style Of Your Tags In Obsidian

October 30, 2020

Timestamp Notes

1:20 Code To Copy From Forum

2:30 Atom Text Editor

4:10 Pasting Code In Your obsidian.css file

In this video I show you how to customize the style of your tags in obsidian.

Here's the original creator of this awesome hack: Tag Pills - Obsidian Forum

My Modified Code

This modified code has a couple of different style features

  • black background
  • different box shape
  • made to fit with "Reverie" Theme
.tag {
/*changed var to hex color */
background-color: #000;
/* border: none; */
/* border: solid; */
/* SY added border width to make it smaller */
border-width:1px;
/* color: #ff0000; */
/* font-size: 11px; */
font-size: 12px;
/* padding: 1px 8px; */
padding: 1px 5px;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 0px 0px;
cursor: pointer;
/* border-radius: 14px; */
border-radius: 8px;
}
.tag:hover {
color: white;
/* changed color of hover over tag */
/* background-color: var(--text-accent-hover); */
/* background-color: #faf2d6; */
background-color: #1C1C1C;
}
Santi Younger

Santi Younger

Professional Notetaker, Jack Of All Trades, Philosopher.
 
----------------------------
© 2021
Privacy Policy