Zakra h4 heading same size as h2 heading after upgrade to

  • Resolved alan1950

    (@alan1950)


    3 years, 11 months ago

    Hi.
    I have just updated my Zakra theme (which has a child theme) to the latest version 1.5.4, Headings h3, h4, throughout the site on Chrome, Edge, FireFox and Opera appear as h2 (or is it h1?).
    Note that before I noticed the I had edited the child theme to add the following :
    table {
    width: 100%;
    border: 1px solid black;
    border-collapse: collapse;
    }
    table th {
    border: 1px solid black;
    border-collapse: collapse;
    }
    table td {
    border: 1px solid black;
    border-collapse: collapse;
    }
    Can you advise please?

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hi @alan1950,

    Upon inspection, I see the heading tags that came from the block plugin that you have used. The theme’s hierarchical structure of the heading is totally fine. Therefore, please change edit those block headings or contact the respective plugin support thread.

    Kind Regards,
    ThemeGrill Support

    Thread Starter alan1950

    (@alan1950)

    Hi Ashesh, thank you so much for your reply. I’ll contact the plugin support thread (when I discover the offending plugin) but until solved I’ve added the following to the (child) theme style.css file
    h1 {
    display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    }
    h2 {
    display: block;
    font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    }

    h3 {
    display: block;
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    }
    h4 {
    display: block;
    font-size: 1em;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    }
    h5 {
    display: block;
    font-size: .83em;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    }
    h6 {
    display: block;
    font-size: .67em;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    }

    Very best wishes

    Alan

    Hi @alan1950,

    Sorry, I misunderstood your query. You can edit the heading h1 to h6 via the customize options provided by the Zakra theme itself. Please read this article for a better understanding of how to change the typography of the heading (h1 – h6)
    https://docs.zakratheme.com/en/article/how-to-change-the-typography-of-headings-h1-h6-j987ub/

    Kind Regards,
    ThemeGrill Support

    Thread Starter alan1950

    (@alan1950)

    Hi Ashesh, I think I misled you, your original answer is correct.
    I suspect the culprit is the ‘accordion’ plugin, until it’s resolved I have temporarily
    inserted the above css which is a workround. I did try editing the h1 to h6 headings via the Zakra theme in case that may have reset it, but did not fix it i’m afraid.
    Many thanks for your help.
    Alan

    Thread Starter alan1950

    (@alan1950)

    Sorry folks forgot to mark as resolved :/

    @alan1950,

    No worries!:) Please do let us know for further queries later.

    Thanks for that, it solved my similar problem too. While editing everything is fine but published all heading levels are the same size. Solved via Appearance > Customizer > Extra CSS.

    Piece of HTML:

    <h2><span class=”ez-toc-section” id=”Technische_achtergronden”></span>Technische achtergronden<span class=”ez-toc-section-end”></span></h2>

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Zakra h4 heading same size as h2 heading after upgrade to’ is closed to new replies.

Tags