CosmicChristine Posted August 27, 2020 Share Posted August 27, 2020 Hi, I'm working on a website and want to add a coloured background to one of the pages under my index page. I've tried using several css codes online but I'm totally new to css and nothing has been working so far. Does anyone have any idea how to go about this? I'm using the Bryant template. Link to comment
IXStudio Posted August 27, 2020 Share Posted August 27, 2020 Hi, Please share your website URL. Best, Leopold Ninja Kit Extension: Upgrade your Squarespace website without coding.YouTube Preview - FREE DOWNLOAD Link to comment
CosmicChristine Posted August 28, 2020 Author Share Posted August 28, 2020 Hi, this is the page that I'm referring to. It's an index page and when you scroll down you can see that the text "Formal Bio" is a banner photo with text over. I really want to make it an actual coloured page instead of a banner photo. https://www.mindfulhealingjourney.com/about Best, Christine Link to comment
IXStudio Posted August 28, 2020 Share Posted August 28, 2020 Hi Remove your BG image and use this code in Design -> Custom CSS #formal-bio .banner-thumbnail-wrapper.has-description { background-color: black !IMPORTANT; /* change the color to anything you want */ } Please use the like button if it helps you! Best, Leopold Ninja Kit Extension: Upgrade your Squarespace website without coding.YouTube Preview - FREE DOWNLOAD Link to comment
CosmicChristine Posted August 30, 2020 Author Share Posted August 30, 2020 Hi Leopold, Thanks for your reply. Unfortunately nothing happens when I put in the code. I put in the the color hex instead of black. Do you have any other ideas? Best, Christine Link to comment
paul2009 Posted August 30, 2020 Share Posted August 30, 2020 Hi Christine Try this in Design > Custom CSS: #bio { background-color: #E3B9C5; } Here's an example of the CSS being added... Notes: This is for the Bedford-family template. It applies to the index section with the URL of "bio". For a different section, change the ID #bio. It changes the background colour to melanie pink (#E3B9C5). You can substitute another colour by changing the code. If this helped you, please click "Like" below ⬇️ About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥. Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links. Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional. Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.