I have set up my homepage using the Elements sections, a Masthead at the top and then a selection of Heroes lower down.
I only just realised that the Heroes set a H1, as does the Masthead.
Is there an easy way I can change the Heroes to an H2/H3 etc so as to improve the structure of my headers, whilst keeping the Masthead as H1?
I really don't know much at all about CSS, which is why I use Pagelines because it's just so easy to create good looking pages without too much confusion.
page for reference is https://www.avangocouriers.co.uk
I have a problem with the typography settings. I set the H1 class with "font-weight: 300;" (Very thin weight), and "font-size: 50px;" (To have considerable evidence of my problem). Unfortunately, as you can see on the screenshots, those setting don't have any incidence on the site, Infact in the home page editor there is a trial title called "Text test", bold, and 26 px approximatly sized.
Why the typography settings are not transposed on the site? Where I wrong?
I just noticed that blog posts use <h2> for the post title. Custom post type posts also default to <h2>.
I checked the source code on a number of posts and couldn't find any evidence of an <h1> tag.
Just to see what would happen, I enabled Legacy mode, checked the source code, and saw that blog post titles and custom post type post titles were both wrapped in <h1> tags.
What's the deal with this?
Can someone please give me the custom css I need to change the size of the font used for the h1 tags without it affecting h2, h3, h4 etc?