Home Forums Pro Themes Business Field Pro Remove Title of Blog Post From Banner and put at top of blog post UNDER banner

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #66525
    John Sanpietro
    Participant

    How do I do that?

    Thanks!

    #66569
    wensolutions
    Keymaster

    Hello,

    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 !!

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.