Tabias Posted November 4, 2023 Posted November 4, 2023 Hi all, Sorry - it's another changing logo colour thread. After searching and trying various custom code solutions Ive drawn a blank on how to change the logo colour on specific projects pages. I need to change the logo to white and have uploaded a white variation to the custom files (Tabias-Logo-White.png) - and wasn't sure if the custom code on the projects page was a Premium feature only? Password to unlock website - logochange Here is an example of a page to change - https://www.tabias.co.uk/projects/longbridge-future Any help would be greatly appreciated. Thanks!
tuanphan Posted November 6, 2023 Posted November 6, 2023 Edit the page > Add a Code Block (anywhere) > Paste this code <style> header#header img { content: url(https://cdn.pixabay.com/photo/2023/09/14/19/14/landscape-8253576_1280.jpg); } </style> In case you want to same logo for all projects page, add this code to Project Page Header Code Injection <style> header#header img { content: url(https://cdn.pixabay.com/photo/2023/09/14/19/14/landscape-8253576_1280.jpg); } </style> (Second code requires a Business Plan or higher, if you use Personal Plan, let me know, I will give new code) 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!)
Tabias Posted November 6, 2023 Author Posted November 6, 2023 Hi Tuanphan, Thats great - thanks so much for your help. I am just on the personal plan at the moment so if you would be able to amend the code that would be amazing . Is there a way to change the navigation to white on just that page as well? Thanks
Solution tuanphan Posted November 8, 2023 Solution Posted November 8, 2023 On 11/6/2023 at 4:27 PM, Tabias said: Hi Tuanphan, Thats great - thanks so much for your help. I am just on the personal plan at the moment so if you would be able to amend the code that would be amazing . Is there a way to change the navigation to white on just that page as well? Thanks With Personal Plan, just edit page > Add a Code Block (anywhere on page) > use this code <style> header#header img { content: url(https://cdn.pixabay.com/photo/2023/09/14/19/14/landscape-8253576_1280.jpg); } </style> With navigation, use this code <style> header#header img { content: url(https://cdn.pixabay.com/photo/2023/09/14/19/14/landscape-8253576_1280.jpg); } div.header-nav-item>a { color: white !important; } </style> 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!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment