oceans0321 Posted January 20 Share Posted January 20 I just redid my website using the IMPACT template on version 7. My website background is black and the header and body text is white. Everything looks great except I have one page that is text heavy and I believe a little hard to read with the black background. Is there custom CSS I can do to allow me to change the background on just one page to white and make the heading and body text black? I want to keep the overall aesthetic of the black but just this one page white so it's easier for clients to read. Thanks Link to comment
Ziggy Posted January 20 Share Posted January 20 Can you share your website URL and the page that you want to be a white background? Thanks! Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
oceans0321 Posted January 20 Author Share Posted January 20 Hi @Ziggy yes it's https://samanthaannette.com/the-process and also I think possibly https://samanthaannette.com/about Thanks Link to comment
Ziggy Posted January 20 Share Posted January 20 Try adding this to Custom CSS as a test: #collection-54ee7596e4b0702493cc8b9c { .Main { background-color:#fff; } h1, h2, h3, h4, p { color:#000; } } Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
oceans0321 Posted January 20 Author Share Posted January 20 @Ziggy I tried entering it but nothing happened. I should see the change right away right? I don't need to hit save first? In any case I wanted to you you what other custom CSS I had just in case it was interfering; header{ position: fixed; width: 100%; z-index: 9998; } main{ padding-top: 100px; } ajax{ z-index: 9999; } @media only screen and (max-width: 1000px){ main { padding-top: 0px; } } Link to comment
tuanphan Posted January 26 Share Posted January 26 On 1/21/2023 at 2:43 AM, oceans0321 said: @Ziggy I tried entering it but nothing happened. I should see the change right away right? I don't need to hit save first? In any case I wanted to you you what other custom CSS I had just in case it was interfering; header{ position: fixed; width: 100%; z-index: 9998; } main{ padding-top: 100px; } ajax{ z-index: 9999; } @media only screen and (max-width: 1000px){ main { padding-top: 0px; } } Move this code to top of CSS box #collection-54ee7596e4b0702493cc8b9c { .Main { background-color:#fff !important; } h1, h2, h3, h4, p { color:#000; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care 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