Jump to content

Moving tags further up on a blog-post

By Flinx, in Customize with code

Go to solution Solved by Beyondspace,

Recommended Posts

Flinx Level 5

Flinx

Posted
Posted

Hi there,

I would like to move the tags from the bottum further up on my blog-pages, so that they are above the newsletter section, in between the contact button and the line. 

Does anyone know how to do that? Thanks a lot! 

 

image.thumb.png.49dd556a61745db0e48e104dad0c1834.png

Link to comment
  • Replies 7
  • Views 1.5k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Ziggy
Ziggy

This is a little tricky, I don't see a way to move the tags into the middle of the blog article. If you have content that goes at the bottom of every blog, you could put that below the tags using Post

Beyondspace
Beyondspace

Is it fine with this result? You can try the following code on your Home > Design > Custom Css .blog-item-content-wrapper { display: flex; flex-wrap: wrap; } .blog-item-conten

Flinx
Flinx

Thanks a lot both of you, really great input! Much appreciated 

Posted Images

Ziggy Level 14

Ziggy

Posted
Posted

Can you share your website URL and this page? Thanks!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
⬛ SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
✨ Spark Plugin (Referral link) 
 🖼️ Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

☕ Did I help? Buy me a coffee?

Link to comment
Ziggy Level 14

Ziggy

Posted
Posted

This is a little tricky, I don't see a way to move the tags into the middle of the blog article. If you have content that goes at the bottom of every blog, you could put that below the tags using Post Header Code Injection.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
⬛ SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
✨ Spark Plugin (Referral link) 
 🖼️ Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

☕ Did I help? Buy me a coffee?

Link to comment
  • Solution
Beyondspace Level 14

Beyondspace

Posted
  • Solution
Posted

Is it fine with this result?

image.thumb.png.1b63c64f804ed75e3135f0f257187c05.png

You can try the following code on your Home > Design > Custom Css 

.blog-item-content-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.blog-item-content {
  order: 2;
}

Support me by pressing 👍 or marking as solution if this is useful for you

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace
🚀 Learn how to rank new pages on Google in 48 hours!

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

Link to comment
  • 1 year later...
Beyondspace Level 14

Beyondspace

Posted
Posted
On 4/20/2024 at 1:12 AM, MoveIndigo said:

@Beyondspace Your custom CSS works well but appears to override the mobile wrapping of the tags. Any way to keep the wrapping so a long list of tags still works well on mobile with your styles?

Can you share your URL so I can take a look?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace
🚀 Learn how to rank new pages on Google in 48 hours!

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

Link to comment

Create an account or sign in to comment

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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources