• T4 Page Builder

  • [T4][J5] Article title is H2 and H1 header is smaller then H2,H3, etc.

Why main article title is H2 not H1 - this is SEO selfkilling?

<div class="com-content-article item-page" itemscope="" itemtype="https://schema.org/Article">
  <meta itemprop="inLanguage" content="en-GB">
    <div class="page-header">
      <h2 itemprop="headline">Sample Main Article Title</h2>
    </div>

If I enable in section Menu option "Show Page Heading" there is repeated article title as H1 which is very small, smaller then H2 H3 even H4

<div class="com-content-article item-page" itemscope="" itemtype="https://schema.org/Article">
  <meta itemprop="inLanguage" content="en-GB">
    <div class="page-header">
      <h1>Sample Main Article Title</h1>
    </div>

Why H1 header is smaller then H2,H3, etc.? It looks like H1 has no styling or style is not related with T4 look.
Probably it is described in templates/t4_bs5_blank/css/template.css How to manage with it and not explode T4? :-)

Hi @nordicjoomla,
Please provide us with your website address if it is live. We will check and suggest a good solution for you.

Thank.

I have clean install. You can check the same code and result on your own demo
https://t4-framework.demo.joomlart.com/index.php/all-layouts/header-variations/header-layout-4
"Header 4 (Main menu - Logo - Topbar right)"

or
https://t4-framework.demo.joomlart.com/index.php/all-layouts/new-layouts/blog-grid-layout/3-how-to-set-up-a-high-conversion-email-marketing-campaign-in-2021
"How to Set Up a High Conversion Email Marketing Campaign in 2021"

    nordicjoomla I got your point but others would like to have a heading on top of page in H1 so we temporarily put the H2 for the article title there.

    You can easily override it by copying 3 files in this path:

    /templates/ja_purity_iv/html/com_content/article/

    paste into:

    /templates/ja_purity_iv/local/html/com_content/article/ (create this path folder if it doesn't exist now)

    Then edit each file to replace the H2 by H1 tag.

    For example, with default layout, you will edit file: ``/templates/ja_purity_iv/local/html/com_content/article/default.php`

    change:

    <h2 itemprop="headline">
<?php echo $this->escape($this->item->title); ?>
</h2>

    to:

    <h1 itemprop="headline">
<?php echo $this->escape($this->item->title); ?>
</h1>

    The same with other 2 files.

        Thanks saguaros Ok I manage with this already. Not PurityIV because I am using T4 framework.

        plugins/system/t4/themes/base/html/com_content/article/default.php

          Can I ask you in this post for help - how to make Topbar in your Header Layout 4 to be responsive?
          This is on full in web browser

          and on the small screen

          It seems it doesn't react on resizing. I've checked on Firefox Ctrl+Shift+M and also on real mobile. I understand these are two topbar DIVs left and right. I can localize this in T4F "Layouts Settings", "Main Layout"

          BTW Please check this page on Demo https://t4-framework.demo.joomlart.com/index.php/all-layouts/new-layouts/magazine-layout its generates "0 Call to a member function get() on null"

          It depends on the mockup you're using for this topbar on your site, could you share screenshot of how it should display?

          and share the URL + super admin account so I can check.

          P/s: Thanks for your report on the demo page, our team is updating this page again.

          Write a Reply...
          You need to Login to view replies.