Jump to content

Change separating delimiter in blog post to comma

Go to solution Solved by creedon,

Recommended Posts

Hi all,

I'm laying out a client site and am using the blog as a Portfolio.  On the top right of each blog page, I'm using the categories as a way to display the location of the projects listed inside this portfolio. 

The problem I'm having is that, on the root blog page, the separating delimiter is a comma, which is great.  For example, I am listing the locations as something like, "Bucktown, Chicago", so I have two categories listed here: "Bucktown" and "Chicago" and it displays it perfectly.

In the actual blog page, though, you don't have the option of a comma as a separating delimiter and you can only pick from a bullet, space, etc. So, it's now displaying as "Bucktown • Chicago"

Does anyone know some easy code to have this display the comma as it does on the root blog page instead of a bullet or a space?  

As always, any help would be appreciated.  I've tried to edit other code I've found on the Forum to no avail and am a little frustrated that Squarespace doesn't have this as a natural option.

Website: https://pumpkin-orange-3ld6.squarespace.com/portfolio/blog-post-title-one-2g2bd-5723b-4hfd4
Password: Real2023

Thank you!

Link to comment
  • Solution

Add the following to Blog Settings > Advanced > Page Header Code Injection for the blog page. Please see per-page code injection.

<style>

  .blog-item-wrapper .blog-item-category-wrapper:not( :last-child )::after {
  
    padding : 0;
    
    }
    
  .tweak-blog-item-delimiter-bullet .blog-item-wrapper .blog-item-category-wrapper:not( :last-child )::after {
  
    content : ', ';
    
    }
    
  </style>

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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.