Shuffles07

Ok, I just found CSS code to invert the logo - so now it's black (see attached). It looks great but does anyone know if you can choose the color? CSS Code: <style> .view-item .header-title-logo img { -webkit-filter: invert(100%); filter: invert(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1'); } </style>

Hey Everyone, I'm in the process of creating a website (I'm still in the trial phase so can't share the link). Theme: Clarkson 7.1 My Problem: The logo we are using for our website is white. This works really well as it sits on an edge to edge banner on each page throughout the site (see attached for an example). However, when creating individual blog pages there is no option to choose a header image (Squarespace Support also confirmed that this can't be done on blog pages). As our logo is white, you can't see it (see attached for an example). Potential Solution 1: I found CSS online that allows you to upload a new logo and then apply it to a specific page. This works on all pages throughout the website except for blog pages unfortunately. CSS Code: <style> div.header-title-logo a { content:url("https://static1.squarespace.com/static/5611841fe4b0f085582f2aa7/t/5ddc2f3f2e5a7339b69c08b2/1578936481584/?format=1500w") !important; max-width: 290px; /* if logo needs to be centered */ margin-left: auto; margin-right: auto; } </style> Website I found the code from: https://www.maryphilip.com/the-blog/how-do-you-change-the-logo-on-a-single-page-squarespace#:~:text=Head%20over%20to%20Design%20%3E%20Custom,downloaded%20and%20copy%20the%20url. To do this, you choose Settings > Advanced (on a specific page) and then copy the above code in with the image url. Blog pages don't have that option - only formatting options. Potential Solution 2: To change the background section color on blog pages. I changed the background color to a light grey so that the white logo could be seen. However, I really don't like it (see attached). Does anyone know, is there a way to upload a different logo for individual blog pages? Or is there a way to upload a header image for individual blog pages? We want to keep the edge to edge design so want to keep the navigation bar transparent (we tried making the nav bar white and using a colored version of the logo but edge to edge just looks so much better. I would really appreciate if someone had a solution. Many thanks in advance - and apologies for the long description. Cheers, Shuffles.