Jump to content

Adding a different version logo to a single blog page

Recommended Posts

Hi there!

 

Hoping someone here could help me with figuring out how to have a different coloured logo in the header on a single page on my website as im no pro on this :)!

I am using banner images on all pages across the site so have a white logo with transparent background but I am now creating a blog section/ page and as those pages dont have banner images it becomes invisible. Is there a way around that - either adding a separate logo that is black for just the blog section with code or alternatively have a black headersection background for the top of that page?

 

Here is the website, it is on a personal plan so maybe thre is a limitation on what can be done.

 

https://tarantula-moose-4t3r.squarespace.com/config/

 

Thank you so much for your help 😃!

 

/Jessica

 

 

 

Link to comment
  • Replies 2
  • Views 641
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

There are a few different solutions in here:

 

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

https://tarantula-moose-4t3r.squarespace.com/?noredirect

You can use this code to Website > Website Tools > Custom CSS. Replace Pixabay with your new version logo url

body[class*="type-blog"].view-item header#header img {
    content: url(https://cdn.pixabay.com/photo/2024/02/14/13/13/hamburg-8573427_1280.jpg);
}

 

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

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.