Blog, Website & Page Publishing

cobrie12
Membro

Change landing pages template

Hi, 

 

I am using a template in Hubspot for a landing page but am struggling to change the colour of the background in the template under 'Advanced options'. I can include code but have no idea where to include it. Can anyone help?

 

Thanks, 

 

Clodagh

0 Avaliação positiva
7 Respostas 7
Nikhil_Aggarwal
Membro | Parceiro Platinum
Membro | Parceiro Platinum

Change landing pages template

Hi @cobrie12 

 

Add the following code in the Head HTML section. Replace the color green with the color of your choice, either using the name or the HTML hex value.
<style>
body {
background-color: green;
}
</style>

 

Screenshot (1).png

 

webdew
Orientador(a) | Parceiro Diamante
Orientador(a) | Parceiro Diamante

Change landing pages template

Hi @cobrie12 ,

Go to Advance code mei. There you will see the html section. Here, in this <style> style tag, you can give class reference to change the background color </style>. 

 

webdew_0-1625581618904.png

 

Hope this helps!


If we were able to answer your query, kindly help the community by marking it as a solution.

Thanks and Regards. 

cobrie12
Membro

Change landing pages template

Do you have any idea of what code to add and is it in the header section?

0 Avaliação positiva
Aakar
Conselheiro(a) de destaque

Change landing pages template

@cobrie12 you need to write CSS to change the background color inside <style> </style>. If you don't know CSS, then you might need help from your developer. 

Aakar Anil
Marketing Technologist
aakar.me | @aakarpost | in/aakarpost
cobrie12
Membro

Change landing pages template

Hi Aakar, is that here? Screenshot 2021-07-06 at 12.25.56.png

0 Avaliação positiva
Aakar
Conselheiro(a) de destaque

Change landing pages template

@cobrie12 yes, you can do it from here.

Aakar Anil
Marketing Technologist
aakar.me | @aakarpost | in/aakarpost
0 Avaliação positiva
Aakar
Conselheiro(a) de destaque

Change landing pages template

Hi @cobrie12  You can put your CSS on the landing page's header as well. Go to your actual landing page and go to settings.

Aakar Anil
Marketing Technologist
aakar.me | @aakarpost | in/aakarpost