Perpetual Posted April 27, 2022 Share Posted April 27, 2022 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. Link to comment
Beyondspace Posted April 27, 2022 Share Posted April 27, 2022 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? Perpetual 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
Perpetual Posted April 27, 2022 Author Share Posted April 27, 2022 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. Link to comment
Beyondspace Posted April 27, 2022 Share Posted April 27, 2022 Kindly share your site with the protected password to check your issue Perpetual 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
Perpetual Posted April 28, 2022 Author Share Posted April 28, 2022 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. Link to comment
tuanphan Posted May 1, 2022 Share Posted May 1, 2022 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); } Perpetual 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Perpetual Posted May 1, 2022 Author Share Posted May 1, 2022 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment