Hi - I've created a section of the school's website (Post 16) to look different to the rest of the site / different logo etc... I've added this code to each of the pages in the post 16 section:
<style>.has-logo-image .Header-branding img{content:url(https://static1.squarespace.com/static/61093bde32e48d7f4093051d/t/64afdbaa9871ca44d701a46c/1689246635441/POST16+.png);
background-size: contain; background-repeat: no-repeat; background-position: center}</style>
<style>
.Main {background-color: rgba(161,192,212,.5) !important;
}
</style>
<style>h1 {color: #314f66;}</style>
<style>.Header-inner--bottom {background-color: #314f66;} !important; </style>
<style>.Header-inner--top{background-color: #929292;} !important; </style>
However when I navigate around the site, the new format is following to area where it shouldn't be. Works great when checking through the backend , but when viewing as a user it's not working unless you keep refreshing the page.
Can anyone help please?
Lower / main school should be red and gold, post 16 pages, blue and grey
Thank you in advance