change appearance of tags

Site URL: https://chris-stanford.online/blog

Seeking to change the appearance of tags in the Om template. Rather than Tags x, y, z, I'd like the tags to appear like the ones here on the forums, with the tag name within a shape that looks like an actual tag (and without being preceded by the word "Tags"). Is there a way to do this?

You need to use CSS to style this.

If you share link to an example site which use the above shape. I can check & steal the CSS for you 😂

Thanks much. The tags on the forum pages are the ones I was referring to: https://forum.squarespace.com/forum/39-coding-and-customization/

On 2/27/2020 at 10:43 PM, stanfordc said:

Thanks much. The tags on the forum pages are the ones I was referring to: https://forum.squarespace.com/forum/39-coding-and-customization/

Difficult. Have you solved yet?

1 hour ago, tuanphan said:

Difficult. Have you solved yet?

 

Unfortunately not. Is the difficulty in placing each tag name inside an icon? I've also been trying to set the display like this:

(Tag icon) tag name x, tag name y, etc.

With the font being Kepler Std 

On 3/1/2020 at 12:33 AM, stanfordc said:

Unfortunately not. Is the difficulty in placing each tag name inside an icon? I've also been trying to set the display like this:

(Tag icon) tag name x, tag name y, etc.

With the font being Kepler Std 

Try adding to Home > Design > Custom CSS

span.tags .tags-title {
    background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcTswXzor1rdr1LwvZgJIJO8zABBRO4j2Y2Lh62qhtH-L8LX581P);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 2px;
    border-radius: 4px;
}

On 3/2/2020 at 2:42 PM, tuanphan said:

Try adding to Home > Design > Custom CSS

span.tags .tags-title {
    background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcTswXzor1rdr1LwvZgJIJO8zABBRO4j2Y2Lh62qhtH-L8LX581P);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 2px;
    border-radius: 4px;
}

 

Thanks very much. That's headed in the direction I was hoping for.