Jump to content

change appearance of tags

Recommended Posts

  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

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 😂

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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?

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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. 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.