Jump to content

Use different logo color in header on all pages other than the homepage

Recommended Posts

Site URL: https://beagle-clementine-f9b2.squarespace.com/

Hi there, 

My site has not been published yet but was hoping to use my other logo's color all other pages other than the homepage! 

Site: https://beagle-clementine-f9b2.squarespace.com/
Password: squarecircle

My logo is in white over a video on the homepage and I have a colored logo (not black) that I'd like to use for the other pages. 

Thank you in advance!

Link to comment

Add to Design > Custom CSS. Replace pixabay with new logo image url

body:not(.homepage) header#header img {
    content: url(https://cdn.pixabay.com/photo/2022/06/26/14/36/raspberry-7285625__480.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
15 hours ago, ProjectLinroe said:

Thank you! Much appreciated. 

How would I create an Image URL if the logo is saved on my computer?

Untitled-1.jpg

Upload image to your site & get its url

See the guide: https://support.squarespace.com/hc/en-us/articles/205813928-Uploading-and-managing-files

Which position you want to add search bar?

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
On 7/30/2022 at 2:40 AM, ProjectLinroe said:

I'd like a search bar in the header to be able to search for any product on the site! Like most e-comm websites, is that possible?

My approach is add a Search Block to Footer then we will use code to move it to Header.

I'm also not sure if it will work well or not.

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
  • 3 weeks later...

 

On 7/27/2022 at 2:53 PM, tuanphan said:

Add to Design > Custom CSS. Replace pixabay with new logo image url

body:not(.homepage) header#header img {
    content: url(https://cdn.pixabay.com/photo/2022/06/26/14/36/raspberry-7285625__480.jpg);
}

 

how can i use this only for one page. do i change the class to the name of the page? 

Link to comment
On 8/21/2022 at 12:36 PM, Faten said:

 

how can i use this only for one page. do i change the class to the name of the page? 

Edit that page > Add a Code Block (or add to Page Header) > Use this code

<style>
  header#header img {
    content: url(https://cdn.pixabay.com/photo/2022/06/26/14/36/raspberry-7285625__480.jpg);
}
</style>

 

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.