Creating a manual blog post sidebar

Hi group,

I'm currently creating my own blog post sidebar with space blocks, images, texts, code blocks, summary blocks and more. 

Everything looks fine and exactly how I would like it to be.

Except: (a) I would like the vertical line to be full length, going from my navigation to the footer (b) I would like to customize the sidebar furthermore with CSS, but I don't want to add the same code lines to every blog post. Do you think it's possible to add the code somewhere, and it would copy-paste on each new blog post?

Thank you for your help!

website: https://www.abbiericher.com/blogue/pourquoi-tu-as-besoin-dun-site-internet-pour-ta-business

password: freelance

This vertical line guide should help you, it contains thickness, length, size and positioning code:

https://designoneforme.com/blog/how-to-make-a-vertical-line-in-squarespace

If you have only one blog, you can try adding code to Website → Website tools → Custom CSS.

It will be applied to all single blog posts, depending on how you style them though. 

If you see that styles are leaking to other pages, you can try adding directly to blog:

Line probably would be complex to span to the bottom without some javascript. 

On 2/7/2024 at 12:08 PM, derricksrandomviews said:

This vertical line guide should help you, it contains thickness, length, size and positioning code:

https://designoneforme.com/blog/how-to-make-a-vertical-line-in-squarespace

Thank you for the guide!

On 2/7/2024 at 2:41 PM, nick_sh said:

If you have only one blog, you can try adding code to Website → Website tools → Custom CSS.

It will be applied to all single blog posts, depending on how you style them though. 

If you see that styles are leaking to other pages, you can try adding directly to blog:

 

Line probably would be complex to span to the bottom without some javascript. 

 

Never thought to use the blog code injection. Thank you! 

Yeah the line is like my most wanted tweak right now! I want to reflect my entire website style in my blog, with lines separating sections.

If you have any clue, I'm all ears!

If it same for all blog posts, you can consider 2 options

(1) Design it in Footer Section, then use code to move it to all blog posts (I can give code to do this, just design section then share link to a blog post)

(2) Design it in Not Linked Page, then use code to move it to all blog posts, this will require Section Loader Supreme Plugin from @Will-Myers