MorganGrip Posted July 28, 2023 Share Posted July 28, 2023 I'm struggling with getting dividers between header and content on every blog post page. I can not get it to work. Is that even possible? Link to comment
Ziggy Posted July 28, 2023 Share Posted July 28, 2023 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
MorganGrip Posted July 28, 2023 Author Share Posted July 28, 2023 (edited) 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. Edited July 28, 2023 by MorganGrip Link to comment
Ziggy Posted July 28, 2023 Share Posted July 28, 2023 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
Ziggy Posted July 28, 2023 Share Posted July 28, 2023 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
MorganGrip Posted July 28, 2023 Author Share Posted July 28, 2023 I have sent you a password. Unfortunately i can not add any code to Post Blog Item Code Injection sa this site is on the cheapest plan. Link to comment
derricksrandomviews Posted July 28, 2023 Share Posted July 28, 2023 (edited) 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 July 28, 2023 by derricksrandomviews Ziggy 1 Link to comment
MorganGrip Posted July 29, 2023 Author Share Posted July 29, 2023 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
MorganGrip Posted July 29, 2023 Author Share Posted July 29, 2023 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
derricksrandomviews Posted July 29, 2023 Share Posted July 29, 2023 There may be some CSS code to adjust the section but I suspect that the image is the most effective way of doing it. 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