[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

[tikaram]

@mykul0rr : To remove the title field from Featured slider : Go to Appearance => Customize => Additional css and add the following css.

.slider-content-wrapper .entry-title{
	display: none;
}

Please upload slider image with the following dimensions. The images you have used currently are not of proper size thats why it is displaying a background color.
Slider Image:

Width: 1920px
Height: 1080px

Let me know if you need further assistance.

Regards,
Tikaram

[Mahesh]

@landyvlad: Thank you for using Catch Everest Pro. Sorry that I forgot to put the link in the above reply. Here’s the link for Featured Sliders informations.
https://catchthemes.com/theme-instructions/catch-everest-pro/#featured-slider

Regards,
Mahesh

[[email protected]]

HI,

The site is this
2dmaterials.nus.edu.sg
As you can see the featured sliders images are all messy. It keeps changing depending on the browser’s view (desktop, laptop, mobile, etc)
Can’t it be something like this?
https://2dmaterials.nus.edu.sg/oii/ (it changes but only slightly, not too much cropped and zoomed in)

Thanks in advance for the help!

[Michael]

Further to the above:

I currently run Adventurous (or rather Adventurous Pro) on another website and it allows me to have a slider of select images, however in the description under free themes – “Adventurous” it states that it is a featured post slider?

Can you explain what a featured PAGE slider is? Can this be used just as a featured image slider instead?

Perhaps a video (ideally) or at least a section on your website, clearly explaining the difference between the various slider types, would be really good.

Cheers

[Bas]

Hello Pratik,

I had this problem before I installed the plugin.
And my frontPage is not a Page like the others.
This is a Static Front page with the setting Your last post.
The reason is that i want a featered slider on my FrontPage and the Featured Content Options.

If it is possible to create a new page with both these options than it is fine by me (if I know how to do that).
But if it is possible to change the width of the front page bij CSS then it is also fine by me.

With kind regards,

Bas Beijes

[tikaram]

@badjuda : The post image is not supposed to appear as Featured slider you will need to set a Featured image to display in featured slider. The only way you can show your images in featured slider is by adding a featured image to your Posts or Pages. Next thing is you were using an old version of theme and I am unaware how your site looked or functioned previously. Please let me know if you have any further issues using the theme.

Regards,
Tikaram

[Dicneth]

Hi Mahesh,

The website is still in local.

If I insert this code in my child theme, the text and the black band on the slider never disappear:

#slider .featured-text-wrap {
    display: none;
}

But if I insert exactly the same code to additional CSS form the customizer of the theme, the text and black band disappear directly.

So I could solve the problem. But I was wondering why my child theme clearly didn’t work in this case, when it worked with other codes. And I suppose it can occur to other people eventually.

[Michelle]

Thank you, Tikaram. I am aware of that. However, there was a time when the post image showed up in the featured slider, when set to “Featured Post Slider.”

Now it seems, based on your prior instructions and the results, that only the set Featured Image shows up. Is there any way that the post image can be displayed in the Featured Slider?

This is why I asked if maybe someone else could assist because this was the way that this theme had functioned in the past.

[Pratik]

Hi @catwingz,

For Clean Journal, try following code:

/**
  * Move Featured Image ahead of slider
  */
function clean_journal_replace_slider() {
	remove_action( 'clean_journal_before_post_container', 'clean_journal_single_content_image', 10 );
	remove_action( 'clean_journal_before_page_container', 'clean_journal_single_content_image', 10 );

	add_action( 'clean_journal_before_content', 'clean_journal_single_content_image', 10 );
}
add_action( 'init', 'clean_journal_replace_slider' );

For image size, since you will select Full image, Any size you upload will be the default size here.

For sidebar, I do not understand what you mean. Featured Slider, Featured Image have no links with sidebar. If you want to remove sidebar, goto edit page of desired page and near bottom there should be Clean Journal Options. There in Layout Options, select No Sidebar Options.

Please post in your site url as well. I cannot find which about page you are talking about.

Regards,
Pratik

[catwingz]

Hi again Pratik,

I tried it and believe I learned that the ‘catchresponsive’ part needs to stay in the code. That said, I don’t know that we are on the same track after all. What I want is for the featured image/video to be banner-sized in place of the slider image. These instructions appear to be giving all of the pages a sidebar which is not at all what is desired. The only part of the site which will have a sidebar are the posts. The About page currently has a demo cat video from the Featured Video Plus plugin. If this were working correctly that video would be up in place of the slider, and as large as those slides, and the page would have no sidebar. Can we get there?

Thank you

[Pratik]

Hi @catwigz,

I think I know what you mean. You want The Page/Post’s Featured image to be in place of slider.

For that, do following:
1. Disable Slider
2. Make sure Single Page/Post Image Layout is enabled in Customize=> Theme Options=> Layout Options
2. Add following code in your child theme’s functions.php file:

function catchresponsive_replace_slider() {
	remove_action( 'catchresponsive_before_post_container', 'catchresponsive_single_content_image', 10 );
	remove_action( 'catchresponsive_before_page_container', 'catchresponsive_single_content_image', 10 );

	add_action( 'catchresponsive_before_content', 'catchresponsive_single_content_image', 10 );
}
add_action( 'init', 'catchresponsive_replace_slider' );

Let me know if I got you or not.

Regards,
Pratik

[Pratik]

Hi @catwigz,

OK I got confused. So you want featured header image to replace slider?

If you disable slider and enable Header Image on entire site, wont it replace the slider as it is now?

[catwingz]

Pratik,

It looks to me like this will replace the slider with a video. Is there any way to make it work for a featured image?

If I use it does it go in the functions.php file?

Thank you

[Pratik]

Hi @catwingz,

The function is as follows:

function catchresponsive_featured_slider() {
?>
<section id="feature-slider">
	<div class="wrapper">
		<!-- Add in Video here -->
	</div><!-- .wrapper -->
</section><!-- #feature-slider -->
<?php
}

For different image/content on different page, consider hiring a customizer as that task falls outside our theme support scope as it is a whole different functionality.

Pro version has the ability to disable slider and has optional three sidebars. You can choose from these three on your pages. For each page with a sidebar of its own, it is not possible.

Regards,
Pratik

[tikaram]

@badjuda : You will need to add featured image to every post if you would like to display the post as featured slider. Follow this link to know more about adding Featured image to your Post and Pages.

Regards,
Tikaram

[Justin]

Thank you Tikaram,

Featured slider worked very well 🙂

The portfolio thumbnails worked, although there seems to be a glitch in the bottom row, two thumbnails (left side) aren’t aligning at certain desktop breakpoints?

Also as a result of creating a smaller thumbnail the resolution on the featured portfolio pages has decreased. Is it possible to switch off the click throughs pages for the portfolio and featured content sections?

Thank you

[tikaram]

@retailored : To reduce the height of featured slider for desktop:
Go to Appearance => Customize => Additional css and add the following css.

@media screen and (min-width: 768px) {
  #feature-slider .entry-container {
     padding: 90px 144px;
   }

   .cycle-slideshow {
     height: 250px !important;
   }
}

To reduce the height of the portfolio thumbnails on the front page:
Currently, you are using image size of 444 * 444. Try using image with lesser height like 444*150 or similar.

Let me know how this goes.

Regards,
Tikaram

[tikaram]

@kevinkang100 : Please go through the following theme instructions to know more about changing featured slider.
https://catchthemes.com/theme-instructions/catch-responsive-pro/#featured-slider
Let me know if you have any further issues.

Regards,
Tikaram

[tikaram]

@karl : To remove the dots add the following additional css.

.header-image-slider .cycle-pager{
	display: none;
}

Add the following code to the functions.php file of the child theme.

function rock_star_featured_slider() {
	global $post, $wp_query;
	// get data value from options
	$options             = rock_star_get_theme_options();
	$enable_slider       = $options['featured_slider_option'];
	$sliderselect        = $options['featured_slider_type'];
	$enable_slidersocial = $options['featured_slider_enable_social_icons'];
	$imageloader         = $options['featured_slider_image_loader'];

	// Get Page ID outside Loop
	$page_id = $wp_query->get_queried_object_id();

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

	if ( 'entire-site' == $enable_slider  || ( ( is_front_page() || ( is_home() && $page_for_posts != $page_id ) ) && 'homepage' == $enable_slider  ) ) {
		if ( ( !$output = get_transient( 'rock_star_featured_slider' ) ) ) {
			echo '<!-- refreshing cache -->';
			if ( $enable_slidersocial ) {
				$sliderclass = "main-slider with-social sections";
			}
			else {
				$sliderclass = "main-slider sections";
			}
			$output = '
				<div class="' . $sliderclass . '">
					<div class="wrapper">
						<div class="cycle-slideshow"
						    data-cycle-log="false"
						    data-cycle-pause-on-hover="false"
						    data-cycle-swipe="true"
						    data-cycle-auto-height=container
						    data-cycle-fx="'. esc_attr( $options['featured_slide_transition_effect'] ) .'"
							data-cycle-speed="'. esc_attr( $options['featured_slide_transition_length'] ) * 1000 .'"
							data-cycle-timeout="'. esc_attr( $options['featured_slide_transition_delay'] ) * 1000 .'"
							data-cycle-loader="'. esc_attr( $imageloader ) .'"
							data-cycle-slides="> article"
							data-cycle-next="#next"
							data-cycle-prev="#prev"
							data-cycle-pager="#pager1"
							>';

							// Select Slider
							if ( 'demo-featured-slider' == $sliderselect  && function_exists( 'rock_star_demo_slider' ) ) {
								$output .=  rock_star_demo_slider( $options );
							}
							elseif ( 'featured-post-slider' == $sliderselect  && function_exists( 'rock_star_post_slider' ) ) {
								$output .=  rock_star_post_slider( $options );
							}
							elseif ( 'featured-page-slider' == $sliderselect  && function_exists( 'rock_star_page_slider' ) ) {
								$output .=  rock_star_page_slider( $options );
							}
							elseif ( 'featured-category-slider' == $sliderselect  && function_exists( 'rock_star_category_slider' ) ) {
								$output .=  rock_star_category_slider( $options );
							}
							elseif ( 'featured-image-slider' == $sliderselect  && function_exists( 'rock_star_image_slider' ) ) {
								$output .=  rock_star_image_slider( $options );
							}

						$output .= '
						</div><!-- .cycle-slideshow -->
                        <div class="controls">
                            <div class="cycle-prev"><a href="#" id="prev"><span class="screen-reader-text">' . esc_html__( 'Previous Slide', 'rock-star-pro' ) . '</span></a></div><!-- .cycle-prev -->
                            <div class="cycle-next"><a href="#" id="next"><span class="screen-reader-text">' . esc_html__( 'Next Slide', 'rock-star-pro' ) . '</span></a></div><!-- .cycle-next -->
                        </div><!-- .controls -->
                        <div id="pager1" class="cycle-pager"></div><!-- .cycle-pager -->';
                    	if ( $enable_slidersocial ) {
							$output .= rock_star_get_social_icons();
						}
					$output .= '
					</div><!-- .wrapper -->
				</div><!-- #feature-slider -->';

			set_transient( 'rock_star_featured_slider', $output, 86940 );
		}
		echo $output;
	}
}

To see your changes instantly you will need to clear the transient. To clear Transient : Go to customizer preview and make any change you like. After the transient is cleared the slider will not stop on Hover.
Let me know if you need further assistance.

Regards,
Tikaram