phylloquinone Posted November 9, 2021 Share Posted November 9, 2021 Site URL: https://www.michaelbostick.com/ So through searching these forums i found the code to do what i wanted, I have a black logo with a transparent background that i needed to be white on the homepage. I had that working but i changed something and now the logo is only working on the hopepage and is missing, or white and therefore can't be seen, on other pages. posted is all the codes on my page. thank you. .desc-wrapper { margin: 0!important; text-align: left!important;} /* change header nav active style */ #collection-6169c51af7d7ff722eac7f83 { header:not(.shrink) .header-nav-wrapper a { color: #fff !important; } header:not(.shrink) .header-title-logo img { filter: brightness(0) invert(1); } header:not(.shrink) .header-nav-folder-content { background-color: transparent !important; } } #back-to-top{position:fixed!important; bottom:0!important; left:0!important; z-index:1!important; opacity:.6} body:not(.button-style-default).button-corner-style-square .sqs-editable-button { background-color: #ffd000; color: #ffffff; font-size: 22px; } .header-nav-item--active a { font-weight: bold !important; background: none !important; text-decoration: underline !important; } /* nav hover */ .header-nav-item>a:hover { font-weight: bold !important; } body:not(.homepage) .header-title-logo { filter: invert(1); } Link to comment
Solution tuanphan Posted November 11, 2021 Solution Share Posted November 11, 2021 To make logo black on other pages, don't remove any code in your current code Add this to Design > Custom CSS body:not(.homepage) header#header img { filter: invert(1); -webkit-filter: invert(1); } phylloquinone 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment