Question

Classic builder CSS style sheet

  • 27 March 2024
  • 1 reply
  • 11 views

Badge

I'm looking to update the H1 tag across my page and update these parameters: color, font-family, and font-size.

 

Here's the CSS I wrote:

<style>
  .h1 {
    color: Red
    font-family: "Times New Roman", Times, serif
    font-size:16px

</style>

 

When I preview, the color updates, but the Unbounce classes are taking priority for the other parameters.

I've tried including !important in my CSS, but it's still not becoming the priority.

Does anyone have experience updating the H1 class for these parameters?


1 reply

Userlevel 3
Badge

Hey @fdecludt thanks for posting! 😃 Have you seen our Custom Font documentation yet? I’ll share it with you below: 

https://documentation.unbounce.com/hc/en-us/articles/360022023652-Using-Custom-Bespoke-Fonts-and-font-face-in-the-Classic-Builder 

There is a stylesheet in that doc that we provide for applying fonts to Headings:

 

 

Can you try using this instead as the base of your stylesheet to see if that helps? 

Reply