Jump to content


This topic is now archived and is closed to further replies.


Changing a header from H1 to H2

Recommended Posts


Good Afternoon,

Could anyone help with a small issue I'm struggling with please? I've posted about this before but didn't actually get an answer that related to the matter to be able to fix it.

Okay - I am working on this site: www.couriers.tv

I have used 'Elements' at the top and 'Lander' further down - but unfortunately they both set the main text as 'H1' headings. I believe this is bad for search engines and I would like to adjust the Lander to be an 'H2' but I have no idea where to start?

Any help would be very welcome, thanks.

Share this post

Link to post
Share on other sites

Good Afternoon!

You can use CSS in order to change the size of the main title, to make it look like an h2 you need a font-size of 50px;

h1.elements-header.pltext {
font-size: 50px;

Share this post

Link to post
Share on other sites

Hi, thanks for responding, but I'm not sure that would work for what I need as it only affects the size of the item if I'm right?

It's this bit;

<h1 class="pl-lander-headline" data-bind="pltext: headline"></h1>

I need the headline to be recognised as a h2 so that search engines know there is only one h1 on the page, but I don't know how to change it and I'm worried I'll break the whole thing.

Share this post

Link to post
Share on other sites

Yes, this is only in order to change the size, if you want to have a header with an H2 you can delete the header you have now a create a new header with an H2 like this :

creating h2 header:  https://cl.ly/1Y0f1X0t3Q0o

adding the CSS to the new header: https://cl.ly/03201H1J1H42

Share this post

Link to post
Share on other sites

  • Similar Content

    • StuLeeUK
      By StuLeeUK+
      Good morning,
      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
    • Claudio
      By Claudio+
      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?

    • JudithKlinger
      By JudithKlinger+
      I'm having a problem with post formatting that I never encountered before PL5. 
      I keep losing my paragraph formatting. I've gone in manually 4 and 5 times...adding in the <p></p> tags, updating...then I go to the visual editor or the pagebuilder and when I go back..they're gone and so is the 
      formatting. In digging around I think it has to do with the wpautop filter. See this: https://codex.wordpress.org/Function_Reference/wpautop
      I'm in the process of converting pages from DMS to PL5 and something in PL5 seems to be interacting with the formatting. I'm also getting other strange formatting issues (random <i></i> with no text n between, etc.)
      Frankly, I don't care if I need to manually add <p> or not... I just need the formatting to stick. 
      Thanks. J
    • margie
      By margie
      I have the following CSS but for some reason the color of the current menu item looks different than the h5 headings.  Any idea why this is happening?
      #site .navi-right ul li.current-menu-item a {    background-image: url('http:/removed for post/');   background-repeat: no-repeat;   background-position: center bottom;   background-color: transparent;   color: #BA5218; }   h5 {   color: #BA5218;   text-align: left;   font-weight: 400; }  
      Thanks so much.