Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Move tags on your blog posts and change design


KDL1994

Question

Site URL: https://www.nutrilee.nl/recepten/vegan-groningse-mosterdsoep

Hi guys,

I recently published my squarespace website where I have my recipes and blogposts.

Tags (such as lactosevrij, glutenvrij etc.) are shown at the bottom of each blogpost by default, but I'd like them to be beneath categories (Lunch, soep etc.). I'd also like the tags to be in a different colour (#545454) and a bit smaller, so people can tell the categories and tags apart. 

I'd like to do the same for blogposts, so it's okay if this affects both.

Does anyone know if this is possible, and if yes: do you know the code for it?

Hope someone can help me out!!

Thanks.

- Kimmylee

Link to post
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Site URL: https://www.nutrilee.nl/recepten/vegan-groningse-mosterdsoep Hi guys, I recently published my squarespace website where I have my recipes and blogposts. Tags (such as lactosevrij

@bangank36 thanks so much for your reply! I appreciate your help so much. It works! Do you also know how to change the size and colour perhaps? :D 

Posted Images

3 answers to this question

Recommended Posts

  • 0
On 5/14/2021 at 7:47 PM, KDL1994 said:

Site URL: https://www.nutrilee.nl/recepten/vegan-groningse-mosterdsoep

Hi guys,

I recently published my squarespace website where I have my recipes and blogposts.

Tags (such as lactosevrij, glutenvrij etc.) are shown at the bottom of each blogpost by default, but I'd like them to be beneath categories (Lunch, soep etc.). I'd also like the tags to be in a different colour (#545454) and a bit smaller, so people can tell the categories and tags apart. 

I'd like to do the same for blogposts, so it's okay if this affects both.

Does anyone know if this is possible, and if yes: do you know the code for it?

Hope someone can help me out!!

Thanks.

- Kimmylee

Hi Kimmy, let's put this into Settings -> Advanced -> Code Injection

<script>
document.addEventListener('DOMContentLoaded', function() {
    var blogMetaTags = document.querySelector(".blog-meta-item--tags");
    var blogMetaWrapper = document.querySelector(".blog-item-meta-wrapper");
    blogMetaWrapper.appendChild(blogMetaTags);
});
</script>

image.thumb.png.aae9ee384b16b2bc145c59458c165991.png

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Portfolio hover Replace Link Style
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to post
  • 0

@KDL1994 Add to Design > Custom CSS

/* blog tags */
.blog-meta-item.blog-meta-item--tags * {
    font-size: 12px !important;
    color: red !important;
}

 

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...