Change background colour on specific page - Version 7.0– Brine family (Hyde template)

Site URL: https://www.aabenbryg.com

I would like to change the background colour for two specific pages. I've tried to add different CSS code (found from other threads in here) to each page's Advanced setting. However, it overrides the custom CSS for the whole site in a way, that the whole sites' background changes to the page's colours. Depending on how you navigate the site, the background colour switches between the correct site-wide background colour, and the two customised background colours. As an example, if you from the homepage clicks on 'ÅBEN' and then navigates to 'Aarhus Bar' from top navigation, the background colour is light grey. If you then refresh the page, it turns into the correct background colour. From here going to any other page on the site, will then have the same dark background colour - until you once again refresh the page, and then it will again turn into the light grey background colour. 

What we want is to have the site wide background colour to be: hsl(46, 7%, 94%) (which is selected in the design - site styles panel)

1. On this site (and only this site): https://www.aabenbryg.com/aarhus-bar we want: #a69579 (both header and content)

2. On this site (and only this site): https://www.aabenbryg.com/pop-up-bar we want: #fcbd1b (both header and content)

Any advice on how to do this?

Thanks

Home > Design > Site Styles > Disable Ajax Loading

Thank you! It works perfectly now