I wanted the font in the hero element to be smaller.
I put this into the CSS, but it did nothing.
h1.page-hero {
font-size: 20px;
}
The following is in the element: I also tried H2, H3 etc to make the font smaller too, but it didn’t work either.
<h1 class=”hero-header”>Clean Copy Equals Better User Experience and Saves You Money</h1>
<hr class=”hero-rule”>
This is currently setting the desktop and mobile font sizes.
You can either edit this CSS to suit. Or if you want the header element to respect the customizer sizes then just remove or comment out that CSS.