Changing nav colour on only one page

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

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

 

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

My testing

Mobile

Desktop

Hi I just copied and pasted - do I need to put <Style> on the front and end? otherwise it just appears in the website. Even when i add the <Style> it doesn't seem to like the code 😞

Ah i put it in the wrong place! sorry fixed now thank you so much!