CMS Development

AllisonAltus
Top Contributor

Can hubspot remember my custom colour?

SOLVE

Is there a way for hubspot to remember my custom colour so that i don't need to enter the hex or rgb colour every time i want to change the font colour in a rich text block?  Is there a way to save it in the text colour options?

 

Thank you

Allison 

0 Upvotes
1 Accepted solution
TRooInbound
Solution
Key Advisor

Can hubspot remember my custom colour?

SOLVE

Hi @AllisonAltus,

 

Yes, you can do it with set color and fonts for email templates 

Content Settings > Colors and Fonts 

 

and for the landing pages/blog pages/websites pages, you need to set variables in your CSS like this and use it in CSS syntax like this,

 

{% set textColor1   = "#34495e" %}
{% set textColor2   = "#000000" %}
{% set textColor3   = "#2e2e2e" %}

 

set above code in your CSS Stylesheet and use it like this,

 

h1 {
   color:{{ textColor1 }};
}
.section p { color:{{ textColor1 }}; }
.footer h3 {      color:{{ textColor3 }}; }

Now just change color in your variable (one place) and it will change in all related pages where this Stylesheet attached!

 

No Need to give color to text every time!

 

Not just color you can change all things related to CSS using this Hubl Variable like width, font size, background color and lot more.

visit reference link to read more

 

 

Did my post help answer your query? Help the Community by marking it as a solution.

TRooInbound Team

For more help and solutions, please visit at www.trooinbound.com or email at hello@trooinbound.com

View solution in original post

0 Upvotes
2 Replies 2
TRooInbound
Solution
Key Advisor

Can hubspot remember my custom colour?

SOLVE

Hi @AllisonAltus,

 

Yes, you can do it with set color and fonts for email templates 

Content Settings > Colors and Fonts 

 

and for the landing pages/blog pages/websites pages, you need to set variables in your CSS like this and use it in CSS syntax like this,

 

{% set textColor1   = "#34495e" %}
{% set textColor2   = "#000000" %}
{% set textColor3   = "#2e2e2e" %}

 

set above code in your CSS Stylesheet and use it like this,

 

h1 {
   color:{{ textColor1 }};
}
.section p { color:{{ textColor1 }}; }
.footer h3 {      color:{{ textColor3 }}; }

Now just change color in your variable (one place) and it will change in all related pages where this Stylesheet attached!

 

No Need to give color to text every time!

 

Not just color you can change all things related to CSS using this Hubl Variable like width, font size, background color and lot more.

visit reference link to read more

 

 

Did my post help answer your query? Help the Community by marking it as a solution.

TRooInbound Team

For more help and solutions, please visit at www.trooinbound.com or email at hello@trooinbound.com

0 Upvotes
AllisonAltus
Top Contributor

Can hubspot remember my custom colour?

SOLVE

Great! Many thanks for your help!