Jump to content

Changing nav colour on only one page

Recommended Posts

14 hours ago, GeorgeW25 said:

Site URL: https://www.para-para.world/

Hi, I am struggling to change my home page text nav to white including the cart icon. I would like to keep it black in all the other pages. Any tips?

Also I am having trouble to make some text blocks vertically centered even though I've changed the settings. I've attached some photos.

Any Css tips?

Thanks so much

 

Screenshot 2021-12-29 at 19.24.47.png

Screenshot 2021-12-29 at 19.24.41.png

Try in Home > Design > Custom Css

/*Home config*/

#collection-61b4f868c813e64995944597 {
	.icon--fill {
		svg {
			fill: #fff;
		}
	}
	.Cart-inner {
		svg {
			fill: #fff;
			stroke: #fff;
		}
	}
	.sqs-cart-quantity {
		color: #fff;
	}
	.burger-inner {
		div {
			background: #fff;
		}
	}
	.header--menu-open {
		.burger-inner {
			div {
				filter: invert(1);
			}
		}
	}
}

I also fix for mobile

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

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

My testing

image.png.cee50360738dc9ee7a8d0fd6f915907c.png

Mobile

image.thumb.png.f10bf7210143d2281fb6f322f16fe8c7.png

Desktop

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.