tracyelaine Posted June 27, 2022 Share Posted June 27, 2022 Site URL: https://www.thesecomefromtrees.com I need to change the Header background color on only the Shopping Cart page (https://www.thesecomefromtrees.com/cart) so the white logo will show up. Right now the header background on that page is white, which is a problem because I use the logo as the link back to the Home page. I've played around with various codes in previous answers, but they aren't working. I was able to fix it on the Blog pages, but this one has me stumped. Here's the color I want to use: #10612e Thanks! Link to comment
tuanphan Posted June 30, 2022 Share Posted June 30, 2022 Hi, Add to Design > Custom CSS /* Cart Page Logo */ body#cart header#header img { filter: invert(1); -webkit-filter: invert(1); } tracyelaine 1 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
tracyelaine Posted June 30, 2022 Author Share Posted June 30, 2022 Ah! That worked! Also there is a bug with how the Cart page is viewed in the Editing screens. When I added the code to the Custom CSS, it didn't show the change on the edit screen after I hit "Save". I had to exit the Custom CSS page for it to update the page shown in Edit mode. I could see the change immediately on the live site though. Your solution worked, but it was for inverting the color of the logo, i.e. white to black. I ended up using this code to change the nav bar to a color instead of changing the color of the logo, in case anyone else is looking for this option instead. body#cart header#header { color: white !important; background: #199A48 !important; } Thanks! tuanphan and gigawattgroup 2 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