mattarnold68 Posted December 2, 2021 Share Posted December 2, 2021 Site URL: https://www.fly.org.au Hi, I have a theme throughout the website where the header of each page is a darker colour than the body. I cannot find a way to change the header sections on the shopping cart and order confirmation pages - because the headers are in the same colour as the body, the logo doesn't contrast enough to be visible. Link to comment
tuanphan Posted December 4, 2021 Share Posted December 4, 2021 Add to Design > Custom CSS body#cart .system-page, body#order-confirmed, body#order-confirmed #confirmed-page { background: #28b0ac; } 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
mattarnold68 Posted December 5, 2021 Author Share Posted December 5, 2021 On 12/4/2021 at 6:21 PM, tuanphan said: Add to Design > Custom CSS body#cart .system-page, body#order-confirmed, body#order-confirmed #confirmed-page { background: #28b0ac; } Thank you, that seems to recolor the entire page though, not just the header. I'm looking for a way to keep the page contents on #f2f2f2 but the header in #28b0ac. Thanks Link to comment
tuanphan Posted December 8, 2021 Share Posted December 8, 2021 On 12/6/2021 at 6:14 AM, mattarnold68 said: Thank you, that seems to recolor the entire page though, not just the header. I'm looking for a way to keep the page contents on #f2f2f2 but the header in #28b0ac. Thanks If you wnat to change header only, use this new code body#cart, body#order-confirmed { header#header { background: #28b0ac; }} 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
mattarnold68 Posted December 9, 2021 Author Share Posted December 9, 2021 19 hours ago, tuanphan said: If you wnat to change header only, use this new code body#cart, body#order-confirmed { header#header { background: #28b0ac; }} Sorry to say this didn't work. Is there somewhere I can find out the page names to custom create some css, or do you have an alternate code? Link to comment
Solution tuanphan Posted December 12, 2021 Solution Share Posted December 12, 2021 On 12/9/2021 at 12:04 PM, mattarnold68 said: Sorry to say this didn't work. Is there somewhere I can find out the page names to custom create some css, or do you have an alternate code? Try this code body#cart header#header, body#order-confirmed header#header { background-color: #28b0ac !important; } mattarnold68 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
mattarnold68 Posted December 15, 2021 Author Share Posted December 15, 2021 On 12/12/2021 at 11:14 AM, tuanphan said: Try this code body#cart header#header, body#order-confirmed header#header { background-color: #28b0ac !important; } Awesome, thank you so much! Is there a snippet of code I can add to that for the Blog posts too? Link to comment
tuanphan Posted December 17, 2021 Share Posted December 17, 2021 On 12/15/2021 at 7:59 AM, mattarnold68 said: Awesome, thank you so much! Is there a snippet of code I can add to that for the Blog posts too? Try this code /* this code run on individual blog posts only */ body[class*="collection-type-blog"].view-item header#header { background-color: #28b0ac !important; } mattarnold68 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment