Change h6 breadcrumbs to div

[Fernando]

Hi!
I want to change the h6 of the breadcrumbs to div (normal text), and I do not see how to modify it.
To have the reference, the page for example in question is this: https://www.jmpacheco.com/mejores-editores-video-profesionales/

GeneratePress 1.3.48

GP Premium 1.3.1

[Leo]

Hi there,

Normal text as in same as the body?

If so try this CSS:

h6 {
    color: #666;
    font-family: "Lato",Sans-serif;
    font-weight: 300;
    font-size: 18px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Tom]

I’m not seeing any H6 elements in the breadcrumbs?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Fernando]

Yes, just above the comments and sharing buttons. Look

[Leo]

The post navigation?

Try this instead:

.post-navigation {
    color: #666;
    font-family: "Lato",Sans-serif;
    font-weight: 300;
    font-size: 18px;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Tom]

The h6 you’re seeing is actually the screen reader text, which makes your site more accessible to people who need it.

The actual links are divs and spans.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Fernando]

If you inspect the post with the extension “Web developer” of Chrome, you will see that it detects the navigation of entries as h6, and that is why I want to change it, because I do not have any h5 and directly to h6 is an SEO error.

[Tom]

The only h6 is the screen read text: https://www.screencast.com/t/A4zttKNxHtx

Are you seeing something different?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Fernando]

Yes , im seeing this:

https://ibb.co/iFtP5F

https://ibb.co/dHHvCv

I suppose it’s from Yoast breadcrumbs, but I don’t know how to change it.

[Tom]

Your screenshot is showing the same thing as I mentioned – the H6 is for screen readers which is important.

It’s possible that other elements on your site are using h6 – maybe breadcrumbs. You’d have to check the HTML.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Fernando]

Yes, that’s what I say. And how can I change that h6 to h4 or div? Is that for SEO you can’t have a h6 if you do not have an h5 before for example.

[Tom]

You would have to overwrite this entire function: https://github.com/tomusborne/generatepress/blob/1.3.48/inc/template-tags.php#L11-L69

I don’t typically suggest doing this, but if you copy that entire function and add it to your child theme/custom plugin, you can edit it.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Fernando]

Do I have to copy only the shaded lines in yellow? Lines 11 to 69? In what file do I have to copy them? Why do not you recommend doing it?

[Tom]

Yea, you’d copy that entire function and then make your changes: https://docs.generatepress.com/article/adding-php/

I don’t recommend overwriting functions, as you won’t get any updates to the function that I may make in the future.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Fernando]

Ok, so I don’t do anything, and I hope that you incorporate it into some update.

[Author]

Posts