H1 blog title

[djinnie]

Hi,

In this topic I asked about how to delete the h1 blog title: https://theme.co/apex/forum/t/disable-the-blog-h1-and-wordpress-title-h1/24399/2.

But now I want to add the blog title back in but I cannot make it happen.

I already deleted this directory in my child theme; /framework/legacy/cranium/headers/views/global/ and this: /framework/legacy/cranium/headers/views/renew/ with file _landmark-header.php.

See image below.

But still no h1 title on blog page.

I do have entered a blog title, see:

What am I forgetting?

[thai]

Hi There,

Please be advised that the titles will display as a part of the header. If you are using Pro theme and created a custom header, the titles will of course not display. You will have to edit your custom header and add a Header text. You can also insert a shortcode of the landmark header which was explained in detail by checking out this thread: https://theme.co/apex/forum/t/category-and-archive-header-landmark/16068/2

Hope this helps.

[djinnie]

I am idd using pro theme.

I have tried the instructions on the thread you sent me but I don’t really like those workarounds to be honest.

What about using Theme X pro header builder for the blog page? Is that possible? Because I just tried that and the header of the blog page won’t change from global header to the blog header I assigned to it. Also all the blog posts dissapeared after assigning the blog header to the blog page.

[Alaa]

Hi @djinnie

Once a page is set as “Blog Page”, WordPress took it over and we can’t control which header to display there, only setting a custom header to “Global” will work then. That’s why you can’t assign a custom header to the blog page.

So, if want to use a custom header without applying the workaround mentioned in the previous thread, you can do this other workaround:

• Add this JS snippet to (Theme Options > JS):

jQuery( document ).ready(function($) {
	$("body.blog .x-container.max").prepend('<h1 class="h-landmark"><span>"A custom Blog Title"</span></h1>');
});

• Then you can customize the title in CSS by adding this code to (Theme Options > CSS):

body.blog .h-landmark {
    margin-bottom: 50px;
    text-align: center;
}

Thanks.