jonathandsimons Posted January 31, 2021 Share Posted January 31, 2021 Site URL: http://www.jonathansimonsphotography.com Hello! I'm trying to change the Header Color on these pages: http://www.jonathansimonsphotography.com/pricing http://www.jonathansimonsphotography.com/about http://www.jonathansimonsphotography.com/contact To black - which would also require changing the Menu Nav to white. I'm also trying to change the Page Color to Black on this page: http://www.jonathansimonsphotography.com/seniors In addition, is it possible to change the Logo on individual pages as well? Thanks in advance! Beyondspace 1 Link to comment
Beyondspace Posted January 31, 2021 Share Posted January 31, 2021 8 minutes ago, jonathandsimons said: Site URL: http://www.jonathansimonsphotography.com Hello! I'm trying to change the Header Color on these pages:http://www.jonathansimonsphotography.com/pricinghttp://www.jonathansimonsphotography.com/abouthttp://www.jonathansimonsphotography.com/contact To black - which would also require changing the Menu Nav to white. I'm also trying to change the Page Color to Black on this page: http://www.jonathansimonsphotography.com/seniors In addition, is it possible to change the Logo on individual pages as well? Thanks in advance! You can place the code in individual page header code injection Using Code Injection – Squarespace Help <style> .Header--bottom { background: #000; } .Header-inner--bottom { padding-bottom: 20px; padding-top: 20px; } .tweak-header-primary-nav-hover-style-fade .Header-nav .Header-nav-item { color: #fff; } </style> if you want to replace logo, upload the file to Design->Custom css->Manage Files and replace url accordingly .has-logo-image .Header-branding img, .has-logo-image .Mobile-bar-branding img { opacity: 0; } .has-logo-image .Header-branding, .has-logo-image .Mobile-bar-branding { background: url(https://images.squarespace-cdn.com/content/v1/5fe6cbe0a897d33f7e66cd72/1610301145760-Q07G3OTGNTPWQ801QCWN/ke17ZwdGBToddI8pDm48kEEXJqT6UZzo6_T_IEtk8lR7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z5QPOohDIaIeljMHgDF5CVlOqpeNLcJ80NK65_fV7S1Ua7GyuyleZfZLbh1TL99aL4EVZ3HdY4X3R4vaGMghUvwBPQhVEbTV4SmYd07HZaZ-g/image-asset.jpeg?format=300w); background-size: cover; background-repeat: no-repeat; } tuanphan 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
jonathandsimons Posted February 1, 2021 Author Share Posted February 1, 2021 Thanks bangank36! Worked like a charm! Beyondspace 1 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