Return to previous page

H2 not visible on posts page - by frogsandbears

This topic has 22 replies, 4 voices, and was last updated 8 years ago ago by Robert Hall

frogsandbears

Participant

March 30, 2016 at 15:35

Dear team,
I have changed H3 to H2 on my posts and now the text is not visible.
Could you please advise how it can be corrected?

Thnx
katja

#119414 Copied

21 Answers

Jack Richardson

Support staff

March 30, 2016 at 16:04

Hello,

Please show a direct page where we can see the issue and show on a screenshot where H2 tag should be displayed.

Thank you.
Best regards,
Jack Richardson.

#119419 Copied

frogsandbears

Participant

March 30, 2016 at 16:15

Hi Jack,
please see the link to the page

Do I understand correctly that for all pages/posts h1 will be page/post title?
and H2 will be any text that you mark as heading within the document?

It shows in MOZ tool as H2 but is not displayed on the page

<h2>Background</h2>

<h2>Heading of another subsection</h2>

thnx
katja

Please, contact administrator
for this information.

#119423 Copied
Jack Richardson

Support staff

March 30, 2016 at 16:25
Hello,

Please add this code in Global Custom CSS:
```
.blog-post .content-article h2 {
   display: block !important;
}
```
Best regards,
Jack Richardson.
#119429 Copied
frogsandbears

Participant

March 30, 2016 at 17:53

Hi Jack,
it is displayed now, thank you.
But I have a problem still – H1 and H2 are referencing to the title of the page.
I want H1 to be the title and H2 to be whatever I mark in the body of the text.

It seems it works for pages, but for posts H1=H2 unfortunately

http://www.frogsandbears.com/the-beginners-guide-to-kumihimo-by-dorothy-wood/

Thank you,
Katja

#119437 Copied

frogsandbears

Participant

March 30, 2016 at 18:12

I just checked and it is displayed not displayed on a page, just on a post
http://www.frogsandbears.com/about-designer/

Do I need to add some ccs for the pages as well?

#119441 Copied
Eva Kemp

Support staff

March 30, 2016 at 18:23
Hello,

Please also try to use this css code:
```
h2 {
    font-size: 20px !important;
    display: block !important;
}
```
Regards,
Eva Kemp.
#119444 Copied
frogsandbears

Participant

March 30, 2016 at 19:00

Hi Eva,
now the pages work correct in everything.

In the posts though the title (H1) is reflected in the body again as H2, I don’t need it.
http://www.frogsandbears.com/5-reasons-why-you-will-love-phlearn-photoshop-and-photography-tutorials/

I want only H2s that I set up, not which are populated by the theme from the title.

Thnx
Katja

#119452 Copied
Robert Hall

Support staff

March 30, 2016 at 19:09
Hello,

Please add this code in Global Custom CSS
```
.single-post .page-heading .title{
display:none;
}
```
Regards,
Robert Hall
#119455 Copied
frogsandbears

Participant

March 30, 2016 at 19:40

Hi Eva,
didn’t work, still visible and referenced in MOZ

#119457 Copied

Robert Hall

Support staff

March 30, 2016 at 19:49

Please clear cache and check it.

Regards,
Robert Hall

#119458 Copied

frogsandbears

Participant

March 30, 2016 at 21:33

Hi Robert,
still the same unfortunately

#119466 Copied

frogsandbears

Participant

March 31, 2016 at 07:44

What i see is that on post pages it changed the size of the heading, but it is still repeated

http://www.frogsandbears.com/5-reasons-why-you-will-love-phlearn-photoshop-and-photography-tutorials/

could you please also help with the product pages? Now H2 is referred to the phrase”product description”. I would like set H2 in the body of the product to any free text in description.

H1 is also repeated twice in the code, it should be shown only once

http://www.frogsandbears.com/product/silk-flower-blush-rose/

Thank you,
Katja

#119490 Copied

Robert Hall

Support staff

March 31, 2016 at 08:06

Hello,

Maybe provide screenshot for our better understanding and highlight what exactly you want.

Regards,
Robert Hall

#119495 Copied

frogsandbears

Participant

March 31, 2016 at 08:26

Hi Robert,
I added attachment in the link of the page
http://www.frogsandbears.com/8-theme-test/

thnx

#119500 Copied
Robert Hall

Support staff

March 31, 2016 at 09:11
I’ve added this code in Global Custom CSS.
```
article .entry-title{
    display: none !important;
}
.blog-post .content-article h2 {
    color: #000000;
}
```
Please check the post page now.

H1 is also repeated twice in the code, it should be shown only once

You can remove or edit it in
\wp-content\plugins\woocommerce\templates\single-product\title.php file.

I would like set H2 in the body of the product to any free text in description.

You can edit it in Product Settings->Short Product Description.

Regards,
Robert Hall
#119505 Copied
frogsandbears

Participant

March 31, 2016 at 09:37

Hi Robert,

thanks for correction, the visual part is resolved for the post page.
But the H1 and H2 are still reading the title. H2 should read background there, not Phlearn…

#119510 Copied

Robert Hall

Support staff

March 31, 2016 at 10:42

This question is a bit unclear for us. Could you please clarify us with more details?
Please show us with screenshot.

Regards,
Robert Hall

#119536 Copied

frogsandbears

Participant

March 31, 2016 at 13:03

Hi Robert,
on post pages the page title is displayed as H1 and H2.
The title should be only displayed as H1.
h2 should be taken from the text of the post.

It works fine for type page or product, but not for post.

I have attached the examples before, not sure what I can add more…

#119554 Copied

Eva Kemp

Support staff

March 31, 2016 at 15:08

Hello,

I see only h1 tag for post title http://storage3.static.itmages.com/i/16/0331/h_1459433276_3201391_27df99c03a.png .
Please show a screenshot what you mean.
In this link http://www.frogsandbears.com/8-theme-test/ you attached screenshot for mega search element, not for post issue.

Regards,
Eva Kemp.

#119579 Copied
1 2

Viewing 20 results - 1 through 20 (of 22 total)