[contentchampion]

Hi There

How do I make the logo go into the center on tablets and mobile?

Also – how do I take away the categories and tags under blog posts on the main blog post page?

Many thanks

Loz

[tikaram]

@contentchampion : Please post in your site URL.

Regards,
Tikaram

[contentchampion]

https://www.contentchampion.com

[tikaram]

@contentchampion : Go to Appearance => Customize => Additional css and add the following css.

@media only screen and (max-width: 566px) {
	#site-logo { float: none; }
}
.home .entry-footer .entry-meta {
	display: none;
}

Let me know if you need further assistance.

Regards,
Tikaram

[contentchampion]

Many thanks!

[contentchampion]

Just one last thing please – I would like to have a sidebar on the main blog page but a single column layout for the blog post itself.

How can achieve this?

[contentchampion]

In addition to the above could you please tell me how to style my mobile menu – many thanks!

[tikaram]

@contentchampion : Go to Appearance => Customize => Additional css and add the following css to get single column layout for blog post.

.single .sidebar-primary {
	display: none;
}
.single .content-area {
	width: 100%;
}

Can you please clarify what you would like to be done with mobile menu.

Regards,
Tikaram

[contentchampion]

Thanks Tikaram

How to I center the single column content area please – and make it 700px wide?

With the mobile menu – when it’s centred on mobiles and tablets I’d like to change the text and background colours to make them white – and also add some padding on the top and bottom.

Plus – how do I control the scroller timing for the testimonials, I would like to make them slower so people can read them properly?

Many thanks

Loz

[tikaram]

@contentchampion : I suggest you not to use the width in pixels because you will loose the responsive design of the site.

Add the following additional css for the mobile menu

#menu-toggle-primary {
	color: #fff;
	margin-bottom: 10px;
}

The scroller timing cannot be change from the customizer. You will need to create a child theme and customize your site as required. Alternatively, You may hire customizer to get your site customized.
Let me know if you need further assistance.

Regards,
Tikaram

[contentchampion]

Thanks Tikaram – could you tell me what file the code is in from the scroller – I can make a child theme myself.

[tikaram]

@contentchampion : Create a child theme and add the following code in the functions.php file of the child theme.
To change the time of the slider change the value of data-cycle-timeout="10000". Currently 10000 refers to 10 seconds. Let me know if you have any further issues.

function clean_education_testimonial_display() {
		//clean_education_flush_transients();
		global $wp_query;

		// get data value from options
		$options        = clean_education_get_theme_options();
		$enable_content = $options['testimonial_option'];
		$content_select = $options['testimonial_type'];
		$slider_select  = $options['testimonial_slider'];

		// Front page displays in Reading Settings
		$page_for_posts = get_option('page_for_posts');

		// Get Page ID outside Loop
		$page_id = $wp_query->get_queried_object_id();
		if ( 'entire-site' == $enable_content || ( ( is_front_page() || ( is_home() && $page_for_posts != $page_id ) ) && 'homepage' == $enable_content ) ) {
			if ( ( !$output = get_transient( 'clean_education_testimonial' ) ) ) {
				$layouts 	 = $options['testimonial_layout'];
				$headline 	 = $options['testimonial_headline'];
				$subheadline = $options['testimonial_subheadline'];

				echo '<!-- refreshing cache -->';

				if ( !empty( $layouts ) ) {
					$classes = $layouts ;
				}

				$classes .= ' ' . $content_select ;

				if ( 'demo' == $content_select ) {
					$headline    = esc_html__( 'Testimonials', 'clean-education-pro' );
					$subheadline = esc_html__( 'Here you can showcase the x number of Testimonials.', 'clean-education-pro' );
				}

				if ( $options['testimonial_position'] ) {
					$classes .= ' border-top' ;
				}

				$output ='
					<div id="testimonial-section" class="sections ' . $classes . '">
						<div class="wrapper">';
							if ( !empty( $headline ) || !empty( $subheadline ) ) {
								$output .='<div class="section-heading-wrap">';
									if ( !empty( $headline ) ) {
										if( class_exists( 'Polylang' ) ) {
											$headline = pll__( $headline);
										}
										$output .='<h2 id="testimonial-heading" class="section-title">'.  $headline .'</h2>';
									}
									if ( !empty( $subheadline ) ) {
										if( class_exists( 'Polylang' ) ) {
											$subheadline = pll__( $subheadline);
										}
										$output .='<p>' . wp_kses_post( $subheadline ) . '</p>';
									}
								$output .='
									<!-- prev/next links -->
									<div id="content-controls">
										<div class="content-prev"></div>
										<div class="content-next"></div>
									</div>
								</div><!-- .featured-heading-wrap -->';
							}
							$output .='
							<div class="section-content-wrap">';

								if ( $slider_select ) {
									$output .='
									<div class="cycle-slideshow"
									    data-cycle-log="false"
									    data-cycle-pause-on-hover="true"
									    data-cycle-swipe="true"
									    data-cycle-auto-height=container
										data-cycle-slides=".testimonial_slider_wrap"
										data-cycle-fx="scrollHorz"
										data-cycle-prev="#testimonial-section .content-prev"
	        							data-cycle-next="#testimonial-section .content-next"
	        							data-cycle-timeout="10000"
										>';
								}

								// Select content
								if ( 'demo' == $content_select ) {
									$output .= clean_education_demo_testimonial( $options );
								}
								elseif ( 'post' == $content_select || 'jetpack-testimonial' == $content_select || 'page' == $content_select || 'category' == $content_select ) {
									$output .= clean_education_post_page_category_testimonial( $options );
								}
								elseif ( 'image' == $content_select ) {
									$output .= clean_education_image_testimonial( $options );
								}

								if ( $slider_select ) {
									$output .='
									</div><!-- .cycle-slideshow -->';
								}

				$output .='
							</div><!-- .section-content-wrap -->
						</div><!-- .wrapper -->
					</div><!-- #testimonial-section -->';
			set_transient( 'clean_education_testimonial', $output, 86940 );
			}
		echo $output;
		}
	}

Note : You will need to make any change from the customizer to clear the transient. Otherwise you will not be able to see changes immediately due to transient issue.

Regards,
Tikaram

[contentchampion]

Many thanks Tikaram

The only issues I have now are:

1. How to change the color and hover color of the blog post ‘read more’ buttons
2. How to make the featured images show on the main blog pages at the top of all posts (even though it is set in the customiser to do this):
https://www.contentchampion.com/blog/page/2/ – you can see on this page that not all featured images are showing at the top
3. Since installing this theme, I’m sometimes getting an error message when the user first goes to a page – saying ‘cannot decode data’ – this happens in all browsers – any suggestions please?

Many thanks!

Loz

[tikaram]

To change the color of read more button
Add the following additional css :

.readmore a {
	background: #color-code;
}

To chage the hover color:

.readmore a:hover {
	background-color: #color-code;
}

Note : Replace the #color-code with your desired color code.

Make sure that you have added featured image to every post. If you have added featured image to every post it will be displayed on the main blog page.
Follow this link to know more about adding featured image to your posts.

Are you still getting the error message when trying to visit your site . Let me know if you have any further issues.

Regards,
Tikaram

[contentchampion]

Thanks Tikaram

That’s what I’m saying – the featured image has been added to all those pages, but for some reason not all are showing on the main blog page despite that being the setting in ‘customize’?

Kind regards

Loz

[contentchampion]

Hi Tikaram

The images attached should help explain a bit more:

1. The customizer settings include the featured image
2. Some images are missing on the main blog page
3. Even though the post has the featured image included

Please advise?

Many thanks
Loz

[contentchampion]

Hi Tikaram

Do you have a response to my latest request please as above?

Kind regards

Loz

[Mahesh]

@contentchampion: Sorry for the late reply. Checked your site, the featured image is displaying fine on your blog page. Please check the image in the link below.
http://bit.ly/2gZCiU4
Have you solved the issue? Let me know if any problem.

Regards,
Mahesh

[contentchampion]

Hello again

Could you tell me how to make the responsive menu toggle display when the screen is wider please, so it shows when a large iPad is sideways?

Many thanks

Loz

[Mahesh]

@contentchampion: Please hire a customizer for this.

Regards,
Mahesh

[Author]

Posts