How to create pill-style tags for diplay and export

Basement
2

I’m not a programmer either, but I think the following CSS should work in any theme to create the rounded pill-box style around a tag. I found this in one of the themes I use. Some themes are more complex than others, but I found this in one of the simpler ones (Solarized), by going to Settings in Obsidian, then Appearance, then opening the Themes folder by clicking on the folder icon in the Themes section, then opening the Solarized.css file in a text editor and lastly searching for “tags”:

image
image804×106 9.82 KB

/* Tags */
.cm-s-obsidian span.cm-hashtag-begin,
.cm-s-obsidian span.cm-hashtag,
.cm-s-obsidian span.cm-hashtag-end,
a.tag {
    background-color: var(--text-normal);
    color: var(--background-primary) !important;
    font-family: inherit;
    padding: 2px 0px;
    text-decoration: none;
}

.cm-s-obsidian span.cm-hashtag-begin {
    border-radius: 1em 0px 0px 1em;
    padding-left: 5px;
}

.cm-s-obsidian span.cm-hashtag-end {
    border-radius: 0px 1em 1em 0px;
    padding-right: 5px;
}

a.tag {
    border-radius: 1em;
    padding: 2px 5px;
}

A Google search confirms that border-radius is what’s working the magic. :slight_smile:

I’m not sure about your 2nd question…