[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

[tikaram]

@mariag : To find slider option :
Go to Appearance => Customize => Featured Slider
Select the slider type as desired and save. Let me know if you need further assistance.

Regards,
Tikaram

[Michelle]

Hi Tikaram,

The Twenty Seventeen Theme does not offer the featured slider post option. It’s a theme related issue.

[tikaram]

@zeldafwilliams : I could not find any text that overlays the image on the featured slider.
To reposition the logo :
Go to Appearance => Customize => Additional css and add the following css.

#header-content .wrapper{
	width:95%;
}

Let me know if you have any more issues.

Regards,
Tikaram

[Heinz]

“Additional CSS” what was previous working custum css in the “theme Options” is as follows:

h2#site-description {
font-style: normal;
font-weight: bold;
}

#featured-post .post {
    text-align: left;
}

#featured-post img {
    display: block;
    margin: 0 auto;

}

#header-menu ul.menu { text-align: left; }

#featured-post img, #main-slider img { box-shadow: none; }

#site-title a:hover,
#site-title a:focus,
#site-title a:active {
	color: #222;
}

#supplementary .widget-area,
#site-generator .copyright {
    text-align: center;
    width: 100%;
}
#site-generator td {
    text-align: center;
}
#masthead #secundary-menu ul.menu {
display: block;
}

@media screen and (min-width: 960px) {
#site-title { font-size: 26px; }
#site-description { font-size: 16px; }
}

[tikaram]

@albertjee : You can add Featured slider (full width) but there is no option to add promotional headline to Catch Box Pro via the customizer.
Let me know if you have any more queries.

Regards,
Tikaram

[tikaram]

@derekbarneysrgmail-com : The header image is supposed to be above the navigation. If you check the demo, you can see the slider below the navigation. If you would like to get the image below navigation you can enable it from the customizer.
First add a page with featured image to display as a slider then Go to Appearance => Customize => Theme Options => Featured Slider. Enable featured slider and select the page to work as a featured slider.
Follow this link to know more about adding featured slider on your website.

Regards,
Tikaram