Jump to content

Adding margins on blog post pages 7.1

Recommended Posts

1 hour ago, Perpetual said:

Hi, I have a site on 7.1 which has a white background.
Is it possible through coding or otherwise to add narrow margins of colour to the blog post pages?
It doesn't matter if it has to be site-wide really, just need them on the blog post pages.

Can you add some screenshot of what you want to achieve and your site also?

Greeting, it's 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, Keyword Highlighter
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 comment
1 hour ago, bangank36 said:

Can you add some screenshot of what you want to achieve and your site also?

Hello, and thanks for replying.
OK, on each blog post, the Disqus commenting embed sits in the middle on a pure white background.

image.thumb.png.9a479956f0e849200d126a1b046011c1.png

If I change the site/page background, the part behind the disqus embed also changes colour, like this.

image.thumb.png.4eadd79a37d5155a9e6fc62dfd3841ae.png

What I am trying to achieve is a white centre to the blog post page behind the commenting section and the post above it, but with a narrow margin of colour on either side, like this. (That is a Blogger site just used for an example of what effect I am after).
As I say, it doesn't matter if it's site-wide, just would love that effect on the blog post pages.
If it's possible, any help would be very much appreciated.

image.thumb.png.cdade3cfbe2aa208357be519cd6d3ce9.png
 

Link to comment

Kindly share your site with the protected password to check your issue

Greeting, it's 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, Keyword Highlighter
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 comment
On 4/28/2022 at 2:28 PM, Perpetual said:

https://www.thedoghouse.fun

Thanks for looking at this.
It's a live site but only one blog post on there so far. 

Try adding to Design > Custom CSS

.tweak-blog-item-width-medium .blog-item-wrapper .blog-item-inner-wrapper {
    background-color: white;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.5);
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
2 hours ago, tuanphan said:

Try adding to Design > Custom CSS

.tweak-blog-item-width-medium .blog-item-wrapper .blog-item-inner-wrapper {
    background-color: white;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.5);
}

 

Thank you so much, that will work beautifully, I think.
Much appreciated!!
 

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.