atomicblue Posted November 1, 2022 Share Posted November 1, 2022 Hey! First time posting here. Using the Forte theme on my website, which runs a slideshow of images as the main background for my homepage and alters the navigation menu to a light or dark theme based on the current slideshow image in order to keep it nice and visible (i.e. if the current slideshow image is a darker one, the navigation menu will appear in white text, switching to black text if the next image is a lighter one). My question is: I've got my logo displayed in one corner of my homepage, and I'd like to cue it to also switch between a light and dark version based on the slideshow. Is there a way to do this, idk... inverting the logo's colour or something? Or uploading two versions of the logo? Open to ideas. Link to comment
Beyondspace Posted November 1, 2022 Share Posted November 1, 2022 4 hours ago, atomicblue said: Hey! First time posting here. Using the Forte theme on my website, which runs a slideshow of images as the main background for my homepage and alters the navigation menu to a light or dark theme based on the current slideshow image in order to keep it nice and visible (i.e. if the current slideshow image is a darker one, the navigation menu will appear in white text, switching to black text if the next image is a lighter one). My question is: I've got my logo displayed in one corner of my homepage, and I'd like to cue it to also switch between a light and dark version based on the slideshow. Is there a way to do this, idk... inverting the logo's colour or something? Or uploading two versions of the logo? Open to ideas. Can you share your site with the protected password so I can take a look? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight 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
atomicblue Posted November 4, 2022 Author Share Posted November 4, 2022 Yeah, no problem - it's not password-protected. At present the URL is http://brianoneill.photography/portfolio The logo says "Lloyd Byrd", though - I'm in the process of establishing an artist alias so don't pay the name difference any mind. Link to comment
Solution tuanphan Posted November 6, 2022 Solution Share Posted November 6, 2022 On 11/4/2022 at 9:51 AM, atomicblue said: Yeah, no problem - it's not password-protected. At present the URL is http://brianoneill.photography/portfolio The logo says "Lloyd Byrd", though - I'm in the process of establishing an artist alias so don't pay the name difference any mind. Try adding to Design > Custom CSS div#canvas.color-weight-light header img { filter: invert(1); } Dark is color-weight-dark Light is color-weight-light Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
atomicblue Posted November 7, 2022 Author Share Posted November 7, 2022 Perfect - that was easy, thank you! tuanphan 1 Link to comment
Safe Posted May 17, 2023 Share Posted May 17, 2023 Hey Atomicblue, I'm wondering what template/block did you use for your Slideshow Images on the main fold of your Menu page? Link to comment
tuanphan Posted May 20, 2023 Share Posted May 20, 2023 On 5/17/2023 at 10:05 AM, Safe said: Hey Atomicblue, I'm wondering what template/block did you use for your Slideshow Images on the main fold of your Menu page? I just checked this site, I think it is Gallery Page or default gallery option of this template But you can replicate it with List Section Slideshow or Gallery Section Slideshow (we will need to use some CSS code to move text over image + make text background Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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