Title in a Page

Hi,
Sorry for the late reply, for pages the title is added to the title bar, which you can choose on each page in the “Title” option

or you can choose for all pages in the Enfold Theme Options:

Best regards,
Mike

Hi,
The pages were designed to show the titles in the title bar, with or without the breadcrumbs. You do have the option to use the advanced layout builder, as you described.
But I believe you would like to add the title to the top of your page and not in the title bar, so I wrote this shortcode that will add the page title wrapped in H1 tags, which you can edit to H2 if you which.
Try adding this code to the end of your functions.php file in Appearance > Editor:

 
function page_title_sc( ){
return '<h1>'. get_the_title() . '</h1>';
}
add_shortcode( 'page_title', 'page_title_sc' );

and then add this shortcode in the page where you would like the title to show:

[page_title]

Please let us know if you would like any styling with the shortcode, such as center in the page or for it to be bold.

Best regards,
Mike

Hi,
The theme will add the title automatically without the breadcrumbs in the title bar if you choose the setting “Display only title” in the Header Title and Breadcrumbs option.

It can also be styled with a larger font size and a different color, with css like this:

h1.entry-title a {
font-size: 30px !important;
color: #000 !important;
}

But I know it’s not quite what you are looking for, so I have another solution for you, first set the “Display only title” in the Header Title and Breadcrumbs option, then we will automatically move the title for you on each page and hide the empty title bar area with this code at the end of your functions.php file in Appearance > Editor:

function move_page_title(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
    $( '#top.page h1.main-title.entry-title' ).insertBefore( '.post-entry-type-page' );
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'move_page_title');

and add this code in the General Styling > Quick CSS field:

#top.page div.title_container {
display: none !important;
}

You only have to add this code once and it will work on each page automatically

Please let us know if you want further styling like the title center on the page.

Best regards,
Mike