Skip to main content

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?

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? 


  • Reset Styles: Ensure the design appears the same across all devices and browsers by starting with a clean slate.

  • Body Styling: Set global properties for fonts, colors, and background to create a cohesive look.

  • Container Design: Use a central layout to keep content well-structured and visually appealing.

  • Header Styling: Make headers stand out with bold colors and centered text for a professional touch.

  • Navigation Bar: Create a streamlined menu for easy navigation, ensuring options like "Vape Products" are prominently displayed.

  • Button Design: Use eye-catching buttons to encourage user actions, such as "Shop Now" for vape products.

  • Typography: Choose readable fonts and sizes for headings, subheadings, and paragraphs to maintain clarity.

  • Image Placement: Optimize image layouts, such as vape product pictures, for both aesthetics and fast loading.

  • Footer Styling: Include useful links like contact info or "Discover Vape Trends" in a neatly designed footer.

  • Responsive Design: Ensure the style adapts to different devices, making vape websites user-friendly on mobile and desktop.

  • Color Schemes: Pick a consistent palette that aligns with the theme, such as sleek tones for modern vape brands.

  • User-Friendly Design: Prioritize ease of use, highlighting features like "Latest Vape Models" to grab attention.


Reply