NitramHolz Posted December 20, 2023 Share Posted December 20, 2023 Hello there, by any chance there is a similar solution but for the following, I have created a Home page based on a Portfolio page where there is a slideshow full bleed, There it makes sense to have the logo in White, but the subpages have a white background, therefore a black logo is necessary there. I have injected the code above, but it not only affects the Main portfolio page but also the subpages. Anyway to go around this? Appreciate the help! Home with a portfolio page + full bleed slideshow: https://www.studiohelenaholz.com/home-3 Logo in black disappears. Porfolio Subpage Link to comment
Web_Solutions Posted December 20, 2023 Share Posted December 20, 2023 7 minutes ago, NitramHolz said: Hello there, by any chance there is a similar solution but for the following, I have created a Home page based on a Portfolio page where there is a slideshow full bleed, There it makes sense to have the logo in White, but the subpages have a white background, therefore a black logo is necessary there. I have injected the code above, but it not only affects the Main portfolio page but also the subpages. Anyway to go around this? Appreciate the help! Home with a portfolio page + full bleed slideshow: https://www.studiohelenaholz.com/home-3 Logo in black disappears. Porfolio Subpage Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS. #collection-6581c20b2e16065e824a63c5 .header-title-logo img{ filter: grayscale(1) !important; } If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. Link to comment
NitramHolz Posted December 20, 2023 Author Share Posted December 20, 2023 @Web_Solutions thanks for you suggestion, I have deleted the previous injected code, replaced the logo for the white version and applied the custom CSS code you have suggested, but the subpages are still featuring the logo in white: Did I miss a step? Link to comment
Web_Solutions Posted December 20, 2023 Share Posted December 20, 2023 4 minutes ago, NitramHolz said: I thought you have used black logo. Please replace the previous code with the code below. .header-title-logo img{ filter: invert(1) !important; } #collection-6581c20b2e16065e824a63c5 .header-title-logo img { filter: grayscale(1) !important; } If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. Link to comment
NitramHolz Posted December 20, 2023 Author Share Posted December 20, 2023 (edited) @Web_Solutionssorry about the confusion, it works 🙂 Thanks so much! Edited December 20, 2023 by NitramHolz Link to comment
NitramHolz Posted December 20, 2023 Author Share Posted December 20, 2023 @Web_Solutions I Just noticed that on the mobile pages the logo is still white. Can I do any thing about it? Link to comment
Solution Web_Solutions Posted December 20, 2023 Solution Share Posted December 20, 2023 1 minute ago, NitramHolz said: @Web_Solutions I Just noticed that on the mobile pages the logo is still white. Can I do any thing about it? Yes, Replace the previous code with the code below. .header-title-logo img, .header-mobile-logo img { filter: invert(1) !important } #collection-6581c20b2e16065e824a63c5 .header-title-logo img { filter: grayscale(1) !important } tuanphan 1 If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. 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