Jump to content

Changing Logo and header colors on different pages

Recommended Posts

Hi! Website link is at https://dog-maracas-wdgj.squarespace.com/about , password is underco. I'd like to find out if i can change the header color for that page ONLY. I want the header background to blend in with the pink, have my links white, and I would upload a white version of my logo.

Let me know how I can make this possible. Thank you.

Link to comment
2 hours ago, moonluvr101 said:

Hi! Website link is at https://dog-maracas-wdgj.squarespace.com/about , password is underco. I'd like to find out if i can change the header color for that page ONLY. I want the header background to blend in with the pink, have my links white, and I would upload a white version of my logo.

Let me know how I can make this possible. Thank you.

try

#collection-600fbc7f3ce99676bbc13bc0 .header {
    background-color: #d07192;
}
.header-title-logo img {
    filter: brightness(0) invert(1);
}
#collection-600fbc7f3ce99676bbc13bc0 .header-nav-wrapper a {
    color: #fff;
}
#collection-600fbc7f3ce99676bbc13bc0 .top-bun, 
#collection-600fbc7f3ce99676bbc13bc0 .patty, 
#collection-600fbc7f3ce99676bbc13bc0 .bottom-bun {
    background-color: #fff;
}

image.png.796e238b0ced3710c585d267217641d8.png

Greeting, it's 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, Keyword Highlighter
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
1 hour ago, bangank36 said:

try



#collection-600fbc7f3ce99676bbc13bc0 .header {
    background-color: #d07192;
}
.header-title-logo img {
    filter: brightness(0) invert(1);
}
#collection-600fbc7f3ce99676bbc13bc0 .header-nav-wrapper a {
    color: #fff;
}
#collection-600fbc7f3ce99676bbc13bc0 .top-bun, 
#collection-600fbc7f3ce99676bbc13bc0 .patty, 
#collection-600fbc7f3ce99676bbc13bc0 .bottom-bun {
    background-color: #fff;
}

image.png.796e238b0ced3710c585d267217641d8.png

Hi—can you let me know where I should inject this code? Thanks! @bangank36

Edited by moonluvr101
Link to comment
7 minutes ago, moonluvr101 said:

Hi—can you let me know where I should inject this code? Thanks! @bangank36

Please try Design->Custom CSS

Greeting, it's 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, Keyword Highlighter
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...

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.