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

Automatically make white logo black


Question

Site URL: https://www.jennifermag.com

Hey all,

My wife's site is built with Farro. It works great for pages with banner images. But for pages that do not have the banner, the white logo is on a white background and therefore invisible.

Is there a way to have an alternative version that is black for white pages like this: https://www.jennifermag.com/about

Thanks,
Dave

Link to post
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

5 answers to this question

Recommended Posts

  • 0
20 minutes ago, davecooperphoto said:

Site URL: https://www.jennifermag.com

Hey all,

My wife's site is built with Farro. It works great for pages with banner images. But for pages that do not have the banner, the white logo is on a white background and therefore invisible.

Is there a way to have an alternative version that is black for white pages like this: https://www.jennifermag.com/about

Thanks,
Dave

Could you provide the list of pages that have blank header and the black version of the logo?

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement, Advanced Product Delivery Date Time PickerGeolocation Automatic Currency Converter, Sortable Table from GSheet
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to post
  • 0
9 minutes ago, tuanphan said:

Add this code to Page Settings > Advanced > Header


<style>
  .Header-branding-logo {
    filter: invert(1);
}
  img.Mobile-bar-branding-logo {
    filter: invert(1);
}
</style>

 

That's briliant!

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement, Advanced Product Delivery Date Time PickerGeolocation Automatic Currency Converter, Sortable Table from GSheet
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to post
  • 0
On 6/16/2020 at 1:26 AM, tuanphan said:

Add this code to Page Settings > Advanced > Header


<style>
  .Header-branding-logo {
    filter: invert(1);
}
  img.Mobile-bar-branding-logo {
    filter: invert(1);
}
</style>

 

This works but it changes things site wide. I only want to change it for pages that have a white background like this one: https://www.jennifermag.com/about

Thanks,
Dave

Link to post
  • 0

Hi davecooperphoto,

To add the code @tuanphan provided you to individual page, try to edit the page settings and add it into this

image.png.30ab11132e69ad778a1517b81b31f7c4.png

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement, Advanced Product Delivery Date Time PickerGeolocation Automatic Currency Converter, Sortable Table from GSheet
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

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...