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

Invert logo color on blog posts only


rmccready

Question

Site URL: https://www.riverstonechurch.net/

I've noticed some code in other posts but have had no luck getting this to work.  My logo is white and I need it to change on the blog posts to black to navigate back to the home page.  Can someone please help me get the right code to invert the color?  Thanks in advance.

https://www.riverstonechurch.net/sermons is where I am using the blog post style.

Edited by rmccready
Link to comment

8 answers to this question

Recommended Posts

  • 0
13 minutes ago, rmccready said:

Site URL: https://www.riverstonechurch.net/

I've noticed some code in other posts but have had no luck getting this to work.  My logo is white and I need it to change on the blog posts to black to navigate back to the home page.  Can someone please help me get the right code to invert the color?  Thanks in advance.

https://www.riverstonechurch.net/sermons is where I am using the blog post style.

Try this custom css

.collection-type-blog .Header-inner img {
  filter: invert();
}

image.thumb.png.6291c25e437d1318037dfb33d38080c2.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: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Youtube Gallery for Squarespace
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 comment
  • 0

Hi! I am having the same issue. The problem is that my blog posts don't have a collection-type-blog class. They do have a collection-type-blog-basic-grid class but that also targets the blog overview page (where the list of individual blog posts appears). Any tips on how to get just the individual blog post pages? 

Link to comment
  • 0
2 hours ago, MarHigh said:

Hi! I am having the same issue. The problem is that my blog posts don't have a collection-type-blog class. They do have a collection-type-blog-basic-grid class but that also targets the blog overview page (where the list of individual blog posts appears). Any tips on how to get just the individual blog post pages? 

What is your site

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: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Youtube Gallery for Squarespace
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 comment
  • 0
2 hours ago, lazzaisenough said:

Hello and thanks for the tip! In my case it seems to work just on desktop resolution. My mobile logo still remain white colored.

What is your site url

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: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Youtube Gallery for Squarespace
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 comment

Create an account or sign in to comment

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

×
×
  • Create New...