Style Code Injection not working on live site

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

Hello, 

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

I added the following code injections to style the header of the blog section and insert a gradient in the contact page. They work in the squarespace builder but do not work once the page is live.  I read that I can convert this code into custom CSS but have no idea how to do it as my knowledge of coding is at a  copy and paste level.

Any help would be greatly appreciated. 

Code inserted in page header of blog section 

https://www.petrolaboviti.com/blog

<style>
.Main {
background-color:#000000 !important;
}
.Header--bottom {
background-color:#000000 !important;
}
</style>

Code inserted in contact page 

https://www.petrolaboviti.com/contact

<style>
.Main-content{
  background-image: linear-gradient(to bottom, #1812ff, #735aff, #a692ff, #d3c8ff, #ffffff);
  }
</style>
<style>
.Main {
background-color: #000000 !important;
}
.Header--bottom {
background-color: #000000 !important;
}
</style>

I'm not seeing the code installed on those pages.

Could the issue be a case of Ajax loading causing your issue?

I inserted the code in the   1)  blog settings ----> advanced ------> Page header code injection 

                                                   2) Contact settings ------> advanced ------> page header code injection

The code is not there at least on this end. I looked in the head tag and did a find.

@creedonthanks for taking the time to look into it. I appreciate it. 

So it seems that when I enter the "blog" or "contact" pages via the header in the main page the code does not work (meaning the header in blog section is white and the gradient in contact page is not applied)

However when I insert the address directly as such https://www.petrolaboviti.com/contact the style code works.

Did you try turning off Ajax loading?

Perfect. It worked.   Thank you so much @creedon  

Really appreciate your help. 

On 3/9/2021 at 10:29 AM, Petroviti said:

Perfect. It worked.   Thank you so much @creedon  

Really appreciate your help. 

Hi. I see your site has some small problems.

2 white space here is not equal.

huge spacing here (under list, it has some heading, paragraph blank, you can check & remove them)