Jump to content

Dividers on blog post

Recommended Posts

41 minutes ago, MorganGrip said:

dividers between header and content on every blog post page

What type of dividers?

Can you share your website URL and a description of what you want your blog pages to look like?

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!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (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

The site is not yet published. I have attached two print screens. The first on "Om Jessica" shows how it looks on every page and this is how i want it on every blog post. The second image is how it looks right now on a blog post.

Dividers are in a section.

Skärmavbild 2023-07-28 kl. 17.18.15.png

Skärmavbild 2023-07-28 kl. 17.17.59.png

Edited by MorganGrip
Link to comment
13 minutes ago, MorganGrip said:

The site is not yet published.

If you add a site wide password you can share your website before it's published.

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!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (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

You can try adding this to Post Blog Item Code Injection in the blog Advanced settings:

<style>
article div.section-background::before {
  content:'';
  display:block;
  position:absolute;
  top:0;
  width:100%;
  height:160px;
  background-size:cover;
  background-position:center bottom;
  background-image:url('https://static1.squarespace.com/static/62fde5927eb87138fc78f3b9/t/64c3e3a8d21edc3b4f71bbea/1690559400796/Skarmavbild2023-07-28kl_17_18_15.thumb.png.9f4ad08cffc858b374875d6d76ab11a8.png');
}
</style>

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!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (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

You can add a code block to get the effect but it would have to be added to every post. When you add it delete the <p> hello world<p>  and just add the code as Ziggy posted it, all of it.  You can see it on my test site: password is "takealook" 

https://reindeer-chihuahua-388s.squarespace.com/blog/classic-dill-pwfr2

Edited by derricksrandomviews
Link to comment
14 hours ago, derricksrandomviews said:

You can add a code block to get the effect but it would have to be added to every post. When you add it delete the <p> hello world<p>  and just add the code as Ziggy posted it, all of it.  You can see it on my test site: password is "takealook" 

https://reindeer-chihuahua-388s.squarespace.com/blog/classic-dill-pwfr2

Okay, thanks. To tell the non techy web owner/blogger to ad a code block to every blog post she writes, will not be a workeable solution.

Sorry to here that this seem to be impossible without maybe upgrading the Squarespace plan.

Link to comment
17 hours ago, Ziggy said:

You can try adding this to Post Blog Item Code Injection in the blog Advanced settings:

<style>
article div.section-background::before {
  content:'';
  display:block;
  position:absolute;
  top:0;
  width:100%;
  height:160px;
  background-size:cover;
  background-position:center bottom;
  background-image:url('https://static1.squarespace.com/static/62fde5927eb87138fc78f3b9/t/64c3e3a8d21edc3b4f71bbea/1690559400796/Skarmavbild2023-07-28kl_17_18_15.thumb.png.9f4ad08cffc858b374875d6d76ab11a8.png');
}
</style>

Thanks! I have upgraded to a business account and tried that and it works, kind of. Do you know if there is anyway to call the section with the divider? Instead of using an image.

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.