Adding margins on blog post pages 7.1

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.

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?

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.



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



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.


 

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

7 hours ago, bangank36 said:

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

https://www.thedoghouse.fun

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

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);
}

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!!