Jump to content

Style Code Injection not working on live site

Recommended Posts

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>

Link to comment
  • Replies 7
  • Views 728
  • Created
  • Last Reply

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

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

 

Link to comment
  • 2 weeks later...
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.

image.thumb.png.f8a4ff3ae1d43128e15dcc887885e6e1.png

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

image.thumb.png.972dc5e6c21136c8873aa55c27a288a6.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.