Rawan Posted October 29, 2023 Share Posted October 29, 2023 (edited) Hi there, Is there a way I can change my white logo to black when I create pages with light backgrounds? I can't find a way to do it without code. Website: https://www.object750.com/ Thank you. Edited October 29, 2023 by Rawan website url devilaxe 1 Link to comment
devilaxe Posted October 31, 2023 Share Posted October 31, 2023 (edited) I am also struggling with this. I have PNG and SVG logo available and would like to have transparent menu bar but some pages feature light images and some pages feature dark images so no single logo color is fitting all situations. https://www.wichsoup.com I noticed that HomeGrown website adds dark background to many bar as you scroll, to make bight text visible on a bright background. That would work for me too. https://eathomegrown.com Screen Recording 2023-10-31 at 2.01.55 AM.mov Edited October 31, 2023 by devilaxe Providing media file Link to comment
Solution tuanphan Posted November 3, 2023 Solution Share Posted November 3, 2023 If you use 7.1 version, you can add this code to each Page Header Code Injection (Hover page name on Main Navigation or Not Linked > Click Gear icon > Advanced). This code will replace current logo on current page with new image. Just change image url in below code <style> header#header img { content: url(https://cdn.pixabay.com/photo/2023/09/22/07/02/red-8268266_1280.jpg); } </style> Rawan 1 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
Rawan Posted November 4, 2023 Author Share Posted November 4, 2023 On 11/3/2023 at 6:34 AM, tuanphan said: If you use 7.1 version, you can add this code to each Page Header Code Injection (Hover page name on Main Navigation or Not Linked > Click Gear icon > Advanced). This code will replace current logo on current page with new image. Just change image url in below code <style> header#header img { content: url(https://cdn.pixabay.com/photo/2023/09/22/07/02/red-8268266_1280.jpg); } </style> thank you this totally worked! 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