SeventhSense

Hi there.... no - I didn´t touch anything in the site styles, the change happened when I put in the code that you had suggested, and I wasn´t ever able to get back to what it was afterwards. Whatever happened is odd, because you can see the styles for the sidebar and everything have been changed. I need to find a way to get back to where I was at before. I cleaned up the code a little for easier viewing - you can see that the code is there and as far as I can tell correct to have the background white - but for some reason it isn´t working. That is my first concern, to get the main blog articles page and the individual blog posts back to white for the sake of easy reading for our audience. Do you think you can help me with this, or should I start a new thread? Here is the custom css code now: h1.BlogItem-title {color: #000000; font-size: 48px; font-family: Serif1 !important;} h2 {font-size: 25px !important; font-family: Serif1 !important;} h3 {font-size: 20px !important; font-family: Serif1 !important;} .collection-type-blog .Main {background-color : white;} main.Main.Main--blog-list {margin-top: 75px;} /* Plugin Sidebar - Custom Styles */ html .sidebar::before { content: '{"breakpoint":"768px","positionOnMobile":"bottom","sticky":"yes","stickyTop":"20px"}'!important; } html .sidebar { width: 330px; } html .sidebar__inner { position: -webkit-sticky; position: sticky; top: 20px; z-index: 2; height: auto; padding: 7px; background: #ecf6ec; border: 1px solid; } html body:not(.sidebar-is-stacked) .sidebar { width: 350px; } html body.template-v7_1 .sidebar .page-section .content-wrapper { padding: 7px!important; } html body.template-v7_1 .sidebar .page-section,html body.template-v7_1 .sidebar .page-section .section-background { background-color: transparent!important; } html body.has-sidebar.template-v7_1:not(.sidebar-is-stacked):not(.sqs-edit-mode-active) .page-section.has-sidebar>.content-wrapper .contentwrapper .content,html body.has-sidebar.template-v7_1:not(.sidebar-is-stacked):not(.sqs-edit-mode-active) .page-section.has-sidebar~.page-section.section-has-sidebar>.content-wrapper>.content { padding-right: ~"calc(350px + 30px)"; } * end Plugin Sidebar

Hi, thanks for getting back to me. I have the same thing happen as above when this is installed, it all turns orange behind. Then I tried to delete it and it didn´t go back... yikes. You can see the live version of it at www.wholelifesolutions.biz/blog - I will paste here all the custom css we have in the design, maybe you can help me to spot the error to get it back to how it should be? White background like in the screenshot above... h1.BlogItem-title { color: #000000; font-size: 48px; font-family: Serif1 !important; } h2 { font-size: 25px !important; font-family: Serif1 !important; } h3 { font-size: 20px !important; font-family: Serif1 !important; } #post-6217f0e40ab4dc575a7a31aa{ background-color : white; } .collection-type-blog .Main { background-color : white; } main.Main.Main--blog-list { margin-top: 75px; } /* Plugin Sidebar - Custom Styles */ html .sidebar::before { content: '{"breakpoint":"768px","positionOnMobile":"bottom","sticky":"yes","stickyTop":"20px"}'!important; } html .sidebar { width: 330px; } html .sidebar__inner { position: -webkit-sticky; position: sticky; top: 20px; z-index: 2; height: auto; padding: 7px; background: #ecf6ec; border: 1px solid; } html body:not(.sidebar-is-stacked) .sidebar { width: 350px; } html body.template-v7_1 .sidebar .page-section .content-wrapper { padding: 7px!important; } html body.template-v7_1 .sidebar .page-section,html body.template-v7_1 .sidebar .page-section .section-background { background-color: transparent!important; } html body.has-sidebar.template-v7_1:not(.sidebar-is-stacked):not(.sqs-edit-mode-active) .page-section.has-sidebar>.content-wrapper .contentwrapper .content,html body.has-sidebar.template-v7_1:not(.sidebar-is-stacked):not(.sqs-edit-mode-active) .page-section.has-sidebar~.page-section.section-has-sidebar>.content-wrapper>.content { padding-right: ~"calc(350px + 30px)"; } * end Plugin Sidebar

Hi, thank you - but it didn´t quite work. I put in what you said and the only change was that the background color for the sidebar disappeared but the sidebar is still there. And it also shrunk it. I am attaching 2 screen shots - first one is with your recommended code. Second one is how it was before.

Hello, No the issue hasn´t been solved - you can see the sidebar here: https://www.wholelifesolutions.biz/blog Still looking for insight. Thank you, Amanda

Site URL: https://www.wholelifesolutions.biz/blog Hello, We added the sidebar plugin to our website - and it has been working alright, except for it showing up on this page: https://www.wholelifesolutions.biz/blog which we don´t want it to. We emailed the developer but the instructions that he gave us to block it from showing on that page didn´t work, and they were very vague. I thought maybe someone here would have a quick css solution to prevent the sidebar from showing up on this one particular page? Regards, Amanda

Site URL: https://www.wholelifesolutions.biz/blog Hello, I got some help from this forum to change the background color of my our blog posts from orange to white. It has all worked well except on this page: https://www.wholelifesolutions.biz/blog You can see that the image for the blog post is pushed right up against the orange of the top header. Can someone help me with a bit of code that will create a little white space between the image at orange space so it looks a little nicer on the eyes? Thanks! Amanda

Oh excellent, that worked. Thank you, much appreciated.

Site URL: https://www.wholelifesolutions.biz/blog/waffles-noodles-and-why-its-actually-a-good-thing-he-doesnt-give-a-damn-about-the-color-of-the-linens Hello, I am working on editing this blog and would like to have a sidebar on it, for all blog posts in the future. As you can see I have something up there that looks like a side bar, by how the elements are placed but I am not happy with it. One issue is that the title of the post remains fullwidth, which I can´t change by moving around elements. I wonder if someone can help me with some insight on what I can do to make a proper sidebar on it? Thanks!

Oh hey, thanks for getting back to me - yes I have it solved!

That works! Thanks :-)!

Site URL: https://www.wholelifesolutions.biz I am looking to change the background color of only the blogpost pages on our site. There is another thread which deals with this issue, I posted my question there also, but thought I might get a faster answer to start a new thread. I followed the instructions that I found on this thread: Which basically shows to go into the design and post the code in this fashion: #post-5fbc6c1172f8b574a0e3959c { background-color: red; I managed to do this however the margins on the site remain orange. The site background is an orange color, but for the blog posts only we would like it to be white. The progress that I made can be seen on this page: https://www.wholelifesolutions.biz/blog/waffles-noodles-and-why-its-actually-a-good-thing-he-doesnt-give-a-damn-about-the-color-of-the-linens It looks terrible right now. Can someone tell me how to make the margins white as well? Additionally, this way of going means that I will need to find the post-id and inject the css for every single blog post we will make. I would be interested in knowing if there is a more global solution that would allow for all of the blog posts to be white in the background. Thank you.

Hello, I have been following this thread as I need to do the same thing. It is beyond me why Squarespace hasn´t set up a preset to be able to make your blog stuff white behind, it seems very - well - normal that people would want it. I was able to get the background white - sort of - But the edges around have stayed the orange color. Any advice on how to make the side - edges white as well? Here is the post I am working on : https://www.wholelifesolutions.biz/blog/waffles-noodles-and-why-its-actually-a-good-thing-he-doesnt-give-a-damn-about-the-color-of-the-linens I have used the code given above (adjusted) to create this: #post-5fbc6c1172f8b574a0e3959c { background-color: red;