Garineh Posted November 14, 2022 Share Posted November 14, 2022 I have Squarespace 7.0 for my site. I would like to change the background color of one section on a certain page like the photo attached. I was told i have to add a custom code because i dont have 7.1. Any advice? Link to comment
Ziggy Posted November 14, 2022 Share Posted November 14, 2022 Very possible, and not too difficult, though somewhat depends on the template that you're using, can you share your website URL? 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! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Garineh Posted November 15, 2022 Author Share Posted November 15, 2022 Thank you so much for your response! Www.glamourcosmeticsofficial.com. I bought the template from another site and imported it into Squarespace. Link to comment
Ziggy Posted November 15, 2022 Share Posted November 15, 2022 And what section do you want a different colour? 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! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Garineh Posted November 16, 2022 Author Share Posted November 16, 2022 Say the section that says “ ON LOCATION BRIDAL MAKEUP ARTISTS SERVING BOSTON, CAPE COD, NEWPORT AND THE GREATER NEW ENGLAND AREA. ALSO AVAILABLE FOR DESTINATION WEDDINGS WORLDWIDE!” Link to comment
Ziggy Posted November 17, 2022 Share Posted November 17, 2022 The way that you currently have this set up, that text is in one block but it is not in a section that we can colour from edge to edge. If you put that text into a new page section in the index and break up the page into the content above and below (you would want to duplicate the page and delete the top half on one , and the bottom half on the other and then put them into the same index). If you do that you can use this Custom CSS: #page-url { background-color:#6D8094; } If you leave the setup as it is you can add a colour to the background of the text block like this: #block-yui_3_17_2_1_1665962746539_100322 { background-color:#6D8094; padding: 42px 17px; } Hope that helps! 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! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
JuanU_SQSP Posted November 17, 2022 Share Posted November 17, 2022 Hi @Garineh, You can set different background colors in layout content sections of an index page, by using a background image with the desired color in the page settings of the section. Here's a guide to help: https://support.squarespace.com/hc/en-us/articles/205826018#toc-add-a-page-banner Link to comment
Garineh Posted November 17, 2022 Author Share Posted November 17, 2022 Thank you both so much!! I’m going to try this out and get back to you. I really appreciate the speedy responses!!! 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