daanouthere Posted April 6, 2020 Share Posted April 6, 2020 Site URL: https://daanouthere.com Hi all, I have a black logo and black font color in my header, but my header changes to white font color on my portfolio item. How can I make my logo go white too? Kind regards, Daniël Link to comment
tuanphan Posted April 6, 2020 Share Posted April 6, 2020 Can you share link to portfolio page on your site? 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
daanouthere Posted April 6, 2020 Author Share Posted April 6, 2020 6 minutes ago, tuanphan said: Can you share link to portfolio page on your site? http://daanouthere.com/projects/jazz-for Link to comment
tuanphan Posted April 6, 2020 Share Posted April 6, 2020 Header Color (site title, navigation, social icons) uses the color theme of the first section. To change header logo to white color, you can change Logo image to Site Title text. or add this code to Project Page Settings > Advanced > Header <style> .header-title-logo img { filter: invert(1); } </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!) Link to comment
daanouthere Posted April 6, 2020 Author Share Posted April 6, 2020 5 hours ago, tuanphan said: To change header logo to white color, you can change Logo image to Site Title text. But I want the logo to become white when the background is dark. The header text changes to white, but the logo doesn't. I don't want to change the logo back to site title. I don't have premium, so I can't inject code. Is there no other option? Link to comment
tuanphan Posted April 7, 2020 Share Posted April 7, 2020 14 hours ago, daanouthere said: But I want the logo to become white when the background is dark. The header text changes to white, but the logo doesn't. I don't want to change the logo back to site title. I don't have premium, so I can't inject code. Is there no other option? Add this to Home > Design > Custom CSS body#item-5e863a252b23774bd981563b .header-title-logo img { filter: invert(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
daanouthere Posted April 8, 2020 Author Share Posted April 8, 2020 21 hours ago, tuanphan said: Add this to Home > Design > Custom CSS body#item-5e863a252b23774bd981563b .header-title-logo img { filter: invert(1); } Worked like a charm, thank you so much! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.