Banner image for custom pages

[craftadmin]

Hi, i have uploaded banner images in all category pages via product category which are looking nice on each category page on both desktop and mobile. when i add banner image for any other page like faq, terms etc as a single image its not looking good on mobile phone as well as on desktop. kindly suggest where to upload banner images for custom pages. so i have uploaded banner image is featured image but still it’s not displaying on particular custom page. i have checked page-head is not removed from my child-theme, kindly look into this.

[Harry]

Hi,

I see the code you add in claue-child > functions.php

if ( ! function_exists( 'jas_claue_head_single' ) ) {
	function jas_claue_head_single() {
		$output = $atts = '';

		// Get post or page thumbnail
		//$image = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full', false );

		// if ( $image ) {
		// 	$atts = 'style="background: url(' . esc_url( $image[0] ) . ') no-repeat center center / cover;"';
		// }

		// Get posted on
		$time = '<time class="entry-date published updated f__libre"' . jas_claue_schema_metadata( array( 'context' => 'entry_time', 'echo' => false ) ) . '>%2$s</time>';

		// Post categories
		$categories = get_the_category_list( esc_html__( ', ', 'claue' ) );

		$output .= '<div class="page-head pr tc" ' . $atts . '>';
			$output .= '<div class="jas-container pr">';
				$output .= sprintf( '<h1 class="tu cw mb__10" ' . jas_claue_schema_metadata( array( 'context' => 'entry_title', 'echo' => false ) ) . '>%s</h1>', get_the_title() );
				$output .= sprintf( $time,
					esc_attr( get_the_date( 'c' ) ),
					esc_html( get_the_date() )
				);
				/* $output .= '<div class="pr mt__10">';
					if ( $categories ) {
						$output .= sprintf( '<span>' . esc_html__( 'In %1$s ', 'claue' ) . '</span>', $categories );
					}
					// Post comments
					if ( ! post_password_required() && ( comments_open() || get_comments_number() ) ) {
						$comments_number = get_comments_number();
		    
						if ( '1' === $comments_number ) {
							$output .= '<span class="comment-number pr"><a href="' . get_comments_link() . '">' .sprintf( _x( '1 Comment', 'comments title', 'claue' ), get_the_title() );
							$output .= '</a></span>';
						} else {
							$output .= '<span class="comment-number pr"><a href="' . get_comments_link() . '">' . sprintf(
								_nx(
									'%1$s Comment',
									'%1$s Comments',
									$comments_number,
									'comments title',
									'claue'
								),
								number_format_i18n( $comments_number ),
								get_the_title()
							);
							$output .= '</a></span>';
						}

					} 
				$output .= '</div>'; */
			$output .= '</div>';
		$output .= '</div>';

		return apply_filters( 'jas_claue_head_single', $output );
	}
}

From line 31 to 90. please remove this code.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[craftadmin]

Hi,

You only gave me above code for blog detail page customization. i removed that code from claue child->function.php but banner image is not displaying on any custom page (i have added featured image in cart and faq page) also when i removed that code blog detail page design breaks. kindly look into this.

[Harry]

Sorry, I wrong. you need enable page title option for each custom page http://prntscr.com/ntkl7p to make it work.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts