Shop Isle header change?

I couldn’t find an appropriate solution to my problem.

The header remains white on all pages except my product page where it becomes a slightly transparent black header. Currently I have added
`
.page .navbar-custom {
background: #ffffff!important;
}

.page nav.navbar.navbar-custom{
background: #ffffff!important;
}

.navbar-custom .nav li > a{
color: #000000;
}
`

but for some reason on the products page I can’t get it to change?

website: https://livelikerxyalty.com/

-Thanks for your help!

body.home .navbar-transparent {
background:#ffffff!important;
}