Home › Forums › Pro Themes › Business Field Pro › Remove Title of Blog Post From Banner and put at top of blog post UNDER banner
- This topic has 1 reply, 2 voices, and was last updated 6 years, 7 months ago by wensolutions.
-
AuthorPosts
-
February 22, 2018 at 9:51 am #66525John SanpietroParticipant
How do I do that?
Thanks!
February 23, 2018 at 1:41 am #66569wensolutionsKeymasterHello,
To change the header title location from the banner to below breadcrumb section. You will need to make some customization via child theme approach.
For reference on using child themes, please check the reference here :
https://codex.wordpress.org/Child_Themes
You can also automate the child theme generation by using the CHild theme generator plugin.
After creating and activating your child theme, please paste the following code to your child theme’s functions.php file :
/** * Add Custom Header. * * @since 1.0.0 */ function business_field_add_custom_header() { $flag_apply_custom_header = apply_filters( 'business_field_filter_custom_header_status', true ); if ( true !== $flag_apply_custom_header ) { return; } $attribute = ''; $attribute = apply_filters( 'business_field_filter_custom_header_style_attribute', $attribute ); ?> <div id="custom-header" <?php echo ( ! empty( $attribute ) ) ? ' style="' . esc_attr( $attribute ) . '" ' : ''; ?>> <div class="container"> <?php /** * Hook - business_field_action_custom_header. */ do_action( 'business_field_action_custom_header' ); ?> </div><!-- .container --> </div><!-- #custom-header --> <?php do_action( 'business_field_action_breadcrumb' ); $tag = 'h1'; if ( is_front_page() ) { $tag = 'h2'; } $custom_page_title = apply_filters( 'business_field_filter_custom_page_title', '' ); ?> <div class="header-content"> <div class="header-content-inner"> <?php if ( ! empty( $custom_page_title ) ) : ?> <?php echo '<' . $tag . ' class="page-title">'; ?> <?php echo esc_html( $custom_page_title ); ?> <?php echo '</' . $tag . '>'; ?> <?php endif; ?> </div><!-- .header-content-inner --> </div><!-- .header-content --> <?php ?> <?php }
Additionally, you would need to add the following custom CSS Code in your Admin Dashboard > Appearance > Customize > Additional CSS :
div#custom-header .header-content { visibility: hidden; }
This will generate the desired output for your website.
Hope this Helps,
Best Regards !! -
AuthorPosts
- You must be logged in to reply to this topic.