[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

[catwingz]

Hi, I found the following code in the forum for another theme for replacing the slider with an embedded video. Since then I have realized what I would really like to do is to replace the slider with ‘featured image.’ The site I am working on needs to have different banners on different pages, and they want a video in the banner space on the About page, instead of the Home page. If the featured image can replace the slider I should be able to use the Featured Video Plus plugin to handle the rest.

I realize I will need to create a child theme to do this. What do I need to add to replace the slider with either the featured image or different images/videos on each page?

Sakin

@harry: Ok for that you need to replace the previous code with the following:

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

Then add the following css in your child theme style.css
#feature-slider .hentry { margin: 0; }

Also, please confirm that in the pro version it will be possible to choose whether each page will have a sidebar or not. If that isn’t an option then I will need to switch themes.

Thank you in advance

[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

[[email protected]]

Hi Support,

Everytime I try to set a featured image on the FEature Sliders, it always appear zoomed in and doesnt show the whole image that I have set. Im using a NepalBuzz Free version. I followed the theme instruction where it says
Slider
Width: 1920px
Height: 880px
But still it appears zoomed in when I set the featured imaged 🙁

Thanks in advance for your help 🙂

[mfferreiro]

Hello,

How can I disable the buttons in the featured slider?

I’ve got the web in local, so I cannot write it down here.

Thanks in advance,
María

[Nick Coromelas]

I currently have parallax frame pro site and was wondering on how I can embed or upload a video on the top of the site homepage.

[angie4media]

Is there a way to remove the hyperlink in the Title on the featured slider?

[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

[catwingz]

Hi,

We have 12 slides in the slider, but there are 24 pagination dots. When it plays it appears to be skipping the last 12, hopping back to the first. If someone clicks on one of the dots in the second batch of dots it causes the slider to disappear, seemingly dropping lower on the page. What can be done to remove the second batch of dots? They are misleading and disruptive.

Thank you

[Sarah Yoffe]

I’m getting this error:
“Warning: A non-numeric value encountered in /home/sarahyoffe/test.shaolinseattle.com/wp-content/themes/fabulous-fluid-pro/inc/featured-slider.php on line 54” above the slider. It’s a clean install from the zip file. I haven’t done any hacking and I’ve deactivated the plugins but it didn’t help.

http://test.shaolinseattle.com/

Any ideas?

[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

[Beijaflor]

Hello,

I would like to change the color of the hover over box on the featured slider image. And if possible, I would like to remove the hover over function and show the box permanently.

I added a screenshot here, because I am still not able to publish the website. Thanks in advance!! 🙂

[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

[Karl]

I have tried to eliminate the controls from the featured slider. This Additional CSS seems to have eliminated the controls (prev and next) but the indicator “dots” still appear to control the displayed image:

.cycle-prev #prev, .cycle-next #next {
display: none;
}

I would like to “hide” those dots that indicate which of my 4 images are being displayed.

Also, I am pulling out my hair trying to figure out how to put a stop to the pause-on-hover behavior. I would like it to continuously rotate through the images without pausing. I tried adding
featured-slider.php to my child theme top directory but it seems to ignore it when I change the line
data-cycle-pause-on-hover=”true” (to read) data-cycle-pause-on-hover=”false”. Even after saving the file and loading the page in a different browser it makes no change.

I love this theme, but, what am I doing wrong? Did I make a terrible mistake when I renamed the theme from rock-start-pro-child (which I D/L from Catch Themes) to rock-star-pro-child ??? And is that why my child theme seems to be getting ignored?

My test site is:
http://karlstest.com

Is it not a good practice to use Additional CSS and a child theme? If I was pressed for time I would hire a customizer.

[Justin]

Hi there,

Is there a way to reduce the height of the featured slider for desktop?

I currently have just two lines of header text, so there is a massive amount of space above and below the copy. I have tried resizing the background image with no luck. Although the Space is fine on tablet and mobile, the desktop has significant negative space I’d like to get rid of.

Similarly, I would like to reduce the height of the portfolio thumbnails on the front page… they are far too overpowering… is this possible?

Thanks

[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.

[June]

I have been using WEN Business Pro without any issue. I am now trying to create a Child theme but keep on seeing this error:
Broken Themes

The following themes are installed but incomplete.

Name Description
WEN Business Pro Child The parent theme is missing. Please install the “WEN Business Pro” parent theme.

I have tried all the suggested online solutions and even installed a different theme and created a child theme successfully for that theme.

Below the header of the style.css of the parent theme followed by the style.css header of the Child theme I am trying to create:

Theme Name: WEN Business Pro
Theme URI: https://catchthemes.com/themes/wen-business-pro/
Author: WEN Themes
Author URI: https://wenthemes.com/
Description: WEN Themes proudly presents WEN Business Pro : a spacious , generous , Corporate theme that offers convenience to anyone setting up the theme. Simplicity and roomy sections, all well-knit to deliver an exceptionally personal, professional or private showcase. Powering the build, is the in-house responsive framework that offers features that suffice a lot of needs and that is convenient to operate upon as well. This time its a one-layout header, clean menu, slider, focused content, pretty effects, portfolio showcasing, testimonials, neat footer all following fully responsive patterns. The code / setup is easy to customize and extend by various hooks offered in the build – those that help any technical person add further extensions on the base of an awesome build. This is a theme that works toward simplicity in setup, ease in use.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wen-business
Tags: light, white, blue, one-column, two-columns, left-sidebar, right-sidebar, fixed-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, full-width-template, post-formats, sticky-post, translation-ready, responsive-layout, theme-options, threaded-comments

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you’ve learned with others.

This theme is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*
Theme Name: WEN Business Pro Child
Theme URI: https://catchthemes.com/themes/wen-business-pro-child/
Template: WEN Business Pro
Description: WEN Business Pro Child Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wen-business-child
Tags: light, white, blue, one-column, two-columns, left-sidebar, right-sidebar, fixed-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, full-width-template, post-formats, sticky-post, translation-ready, responsive-layout, theme-options, threaded-comments

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you’ve learned with others.

This theme is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

[c2d]

Hi,

First, thanks for the great theme!
I used the featured sliders and it works well on my desktop, however it seems unresponsive to other browsers (such as IE or Firefox) and to other screens (mobile and tablets). Can you help me how to make it responsive?
Thank you