Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Invert Logo Color Depending on Page Background


rfitz

Question

Hi, I'd like to have my logo be white on my home page and black or another dark color on the other pages of my website that have light backgrounds. Is there any custom code that will allow me to invert the color on the other pages?

I'm using the Margot template.

Thanks!

Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

2 answers to this question

Recommended Posts

  • 0

Rather, do the opposite and invert the colour on your home page. What I have done on Forte:

<style>
 body.collection-type-index .color-weight-dark #logo img {
   -webkit-filter: invert(100%);

</style>

[home page] => Page Settings => Advanced

 

Ling.

Edited by Lingwisyer
Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...