jjohansson Posted October 2 Share Posted October 2 (edited) Site URL: https://hughgordon-test.squarespace.com Hi everyone! I need to set a background color for the specific area of the Menu wich I've customised with the code below to appear in the left side of the screen on Desktop. https://hughgordon-test.squarespace.com/ Password: 2024 I can´t find the way to simply set the color background like the other areas of the page. I get that white block and I don't know how to solve it... Could somebody help with some idea or solution? @Ziggy Thank you!! /* Float header */ @media screen and (min-width:992px) { body:not(.sqs-edit-mode) { .header-title { position: fixed; top: 3vw; left: 5vw; z-index: 9999; } .header-nav { position: fixed; top: 50%; left: 5vw; padding: 0 !important; transform: translateY(-50%); } nav { flex-direction: column; } div.header-nav-item { margin: 0 !important; text-align: left !important; } div.header-nav-item a{ display: inline-block; } .header-actions.header-actions--right { position: fixed; left: 5vw; bottom: 2vw; justify-content: flex-start !important; } .header-actions--right .header-actions-action a { margin-left: 0 !important; margin-right: 2.5vw; } #page article section.page-section { max-width: 75%; margin-left: 25%; padding-top: 0 !important; }} } Edited October 2 by jjohansson Update Link to comment
Ziggy Posted October 2 Share Posted October 2 1 hour ago, jjohansson said: I can´t find the way to simply set the color background like the other areas of the page. I get that white block and I don't know how to solve it... I'm not sure I understand the question, what do you want to achieve? jjohansson 1 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
jjohansson Posted October 2 Author Share Posted October 2 (edited) In the image you will see the white color in the left side of the screen... I just want to set it with the same grey than the image has. Basically to know how I can set a custom background color for that left area. If you need access as admin I send you an invitation. Edited October 2 by jjohansson Ziggy 1 Link to comment
Solution Ziggy Posted October 2 Solution Share Posted October 2 Add this to Custom CSS: body { background-color: hsl(0, 0%, 96.08%); } jjohansson 1 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
jjohansson Posted October 2 Author Share Posted October 2 (edited) It worked smoothly and you was so fast! ; ) thank you so much @Ziggy I have a last question regarding moving vertically or horizontally that menu items, any idea or suggestion? Edited October 2 by jjohansson Ziggy 1 Link to comment
Ziggy Posted October 2 Share Posted October 2 43 minutes ago, jjohansson said: I have a last question regarding moving vertically or horizontally that menu items, any idea or suggestion? Where do you want to move it to? jjohansson 1 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
jjohansson Posted October 2 Author Share Posted October 2 (edited) I would like to have like in this image... (the image could be displaced to the left if necessary) and I wonder the instagram icon also how could I place there... Edited October 14 by jjohansson Link to comment
Ziggy Posted October 2 Share Posted October 2 Use this CSS: .header-layout-nav-center .header-nav { text-align: left; } You'll need to add the instagram social link to your header before we can reposition it. jjohansson 1 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
jjohansson Posted October 2 Author Share Posted October 2 works perfect @Ziggy thank you so much for your super fast response! 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