[Pratik]

Hi @Robyn,

I looked at your site and I think your problem is with the image and content. The image of all the slide featured images should be of same dimension. (The one with Deadpool has a bit long height than others).

So you need to fix both.

For images, you will need to regenerate the thumbnails using “Regenerate thumbnails plugin“. Install this plugin and follow the instructions to regenerate the images.

For content, you can use following CSS code in “Appearance=> Theme Options=> Custom CSS” box:

#slider-wrap .featured-text {
    min-height: 200px;
}

This will fix the height of content.

Also, Your theme is currently at version 4.1. It is highly recommended to update it to latest version(4.4.1). There are a lot of bug fixes and security patches.

Let me know how it goes.

Regards,
Pratik

[Robyn]

the featured slider on my site will get taller when it switches to a different featured story, is there a way to keep the height of the slider static so it doesn’t cause the jumping. it makes it difficult to read in mobile.
the website is
http://www.funkofanatics.com

[brianmor]

I am seeing the same problem as @NickBallDesign: the featured page slider on my home page (currently under development) is getting to the last slide, then stopping. Can you advise a fix?

[Mahesh]

Hi @Raielene,

Go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and add the following CSS:

.featured-slider a:hover img.wp-post-image {
  opacity: 0.7;
}

Note: Please change value for opacity as per required. Default value is 0.9.

Regards,
Mahesh

[Mahesh]

Hi @Raielene,

I understand your issue. But the links in the slider is dynamically generated from the code and always points to the very post that the featured is of. I mean slider image of post1 links to post1 and so on. But you mean to have all the slider link to the same page say Post-X. For that you have to override the theme’s function with child theme and place a static link (hard coded) in the anchor tag. And whenever you want to change the link you have to go through the code.
That is why I recommend you to upgrade to Pro.
But if you want to change it within the Free version, create a child theme. You can find more details on creating a child theme HERE. Then in child theme’s functions.php add the following codes.

/**
 * Change slider's links to one custom link
 *
 */
function catchkathmandu_post_sliders() {
	//delete_transient( 'catchkathmandu_post_sliders' );

	global $post;
	global $catchkathmandu_options_settings;
   	$options = $catchkathmandu_options_settings;

	if( ( !$catchkathmandu_post_sliders = get_transient( 'catchkathmandu_post_sliders' ) ) && !empty( $options[ 'featured_slider' ] ) ) {
		echo '<!-- refreshing cache -->';

		$catchkathmandu_post_sliders = '
		<div id="main-slider" class="container">
        	<section class="featured-slider">';
				$get_featured_posts = new WP_Query( array(
					'posts_per_page' => $options[ 'slider_qty' ],
					'post__in'		 => $options[ 'featured_slider' ],
					'orderby' 		 => 'post__in',
					'ignore_sticky_posts' => 1 // ignore sticky posts
				));
				$i=0; while ( $get_featured_posts->have_posts()) : $get_featured_posts->the_post(); $i++;
					$title_attribute = apply_filters( 'the_title', get_the_title( $post->ID ) );
					$excerpt = get_the_excerpt();
					if ( $i == 1 ) { $classes = 'post postid-'.$post->ID.' hentry slides displayblock'; } else { $classes = 'post postid-'.$post->ID.' hentry slides displaynone'; }
					$catchkathmandu_post_sliders .= '
					<article class="'.$classes.'">
						<figure class="slider-image">
							<a title="Permalink to '.the_title('','',false).'" href=" http://your-site/link-to-some-post ">
								'. get_the_post_thumbnail( $post->ID, 'slider', array( 'title' => esc_attr( $title_attribute ), 'alt' => esc_attr( $title_attribute ), 'class'	=> 'pngfix' ) ).'
							</a>
						</figure>
						<div class="entry-container">
							<header class="entry-header">
								<h1 class="entry-title">
									<a title="Permalink to '.the_title('','',false).'" href=" http://your-site/link-to-some-post ">'.the_title( '<span>','</span>', false ).'</a>
								</h1>
							</header>';
							if( $excerpt !='') {
								$catchkathmandu_post_sliders .= '<div class="entry-content">'. $excerpt.'</div>';
							}
							$catchkathmandu_post_sliders .= '
						</div>
					</article><!-- .slides -->';
				endwhile; wp_reset_query();
				$catchkathmandu_post_sliders .= '
			</section>
        	<div id="slider-nav">
        		<a class="slide-previous"><</a>
        		<a class="slide-next">></a>
        	</div>
        	<div id="controllers"></div>
  		</div><!-- #main-slider -->';

	set_transient( 'catchkathmandu_post_sliders', $catchkathmandu_post_sliders, 86940 );
	}
	echo $catchkathmandu_post_sliders;
} // catchkathmandu_post_sliders

Note: Please replace http://your-site/link-to-some-post in the above code with your desired link. There are two occurrences.

Let me know if this helps.

Regards,
Mahesh

[Raielene]

Right, but the way they seem to work is by having one image as the featured image… which is why I’m using about 10 posts to show all the images I want in my slider. But what I want is all 10 slider images to point to just *one* page. The same page. If I could make them point to one post (the same post) that would work too.

[Mahesh]

Hi @gfde,

Thank you for using Catch Base Pro.
The image you are seeing is the Demo Slider. To change the slider, go to “Dashboard=> Appearance=> Customize=> Featured Slider”. In Catch Base Pro, you have five different Slider Type options:
1. Demo Slider (Displays Demo Slider)
2. Page Slider (Displays selected page in slider. Select Page)
3. Post Slider (Displays selected post in slider. Select Post ID)
4. Image Slider (Displays selected image in slider. Upload Image)
5. Category Slider (Displays selected category’s post in slider. Select Category)
Choose one of the above option from drop-down in Select Slider Type and the choose number of sliders.
The Slider options varies as per the Slider Type selected.

Hope this helps you.

Regards,
Mahesh

[Mahesh]

Hi @marga,

Thank you for your appreciation.
1. In Catch Base Free version, feature to change copyright text is not available, however, it is available in Catch Base Pro. I recommend you to upgrade to pro version.

2. For removing link from slider, you have to create a child theme. You can find more details on creating child theme HERE. Then in functions.php add the following codes.

function catchbase_page_slider( $options ) {
	$quantity		= absint( $options['featured_slide_number'] );

	global $post;

    $output 				= '';
    $number_of_page 		= 0; 		// for number of pages
	$page_list				= array();	// list of valid page ids

	//Get number of valid pages
	for( $i = 1; $i <= $quantity; $i++ ){
		if( isset ( $options['featured_slider_page_' . $i] ) && $options['featured_slider_page_' . $i] > 0 ){
			$number_of_page++;

			$page_list	=	array_merge( $page_list, array( $options['featured_slider_page_' . $i] ) );
		}

	}

	if ( !empty( $page_list ) && $number_of_page > 0 ) {
		$get_featured_posts = new WP_Query( array(
			'posts_per_page'	=> $quantity,
			'post_type'			=> 'page',
			'post__in'			=> $page_list,
			'orderby' 			=> 'post__in'
		));
		$i=0;

		while ( $get_featured_posts->have_posts()) {
			$get_featured_posts->the_post();

			$i++;

			$title_attribute =the_title_attribute( array( 'before' => __( 'Permalink to:', 'catch-base' ), 'echo' => false ) );

			$excerpt = get_the_excerpt();

			if ( $i == 1 ) { $classes = 'page pageid-'.$post->ID.' hentry slides displayblock'; } else { $classes = 'page pageid-'.$post->ID.' hentry slides displaynone'; }
			$output .= '
			<article class="'.$classes.'">
				<figure class="slider-image">';
				if ( has_post_thumbnail() ) {
					$output .= get_the_post_thumbnail( $post->ID, 'catchbase_slider', array( 'title' => esc_attr( $title_attribute ), 'alt' => esc_attr( $title_attribute ), 'class'	=> 'attached-page-image' ) );
				}
				else {
					//Default value if there is no first image
					$catchbase_image = '<img class="pngfix wp-post-image" src="'.get_template_directory_uri().'/images/gallery/no-featured-image-1200x514.jpg" >';

					//Get the first image in page, returns false if there is no image
					$catchbase_first_image = catchbase_get_first_image( $post->ID, 'medium', array( 'title' => esc_attr( $title_attribute ), 'alt' => esc_attr( $title_attribute ), 'class' => 'attached-page-image' ) );

					//Set value of image as first image if there is an image present in the page
					if ( '' != $catchbase_first_image ) {
						$catchbase_image =	$catchbase_first_image;
					}

					$output .= $catchbase_image;
				}

				$output .= '
				</figure><!-- .slider-image -->
				<div class="entry-container">
					<header class="entry-header">
						<h1 class="entry-title">
							<a title="' . the_title_attribute( array( 'before' => __( 'Permalink to:', 'catch-base' ), 'echo' => false ) ) . '" href="' . get_permalink() . '">'.the_title( '<span>','</span>', false ).'</a>
						</h1>
						<div class="assistive-text">'.catchbase_page_post_meta().'</div>
					</header>';
					if( $excerpt !='') {
						$output .= '<div class="entry-content">'. $excerpt.'</div>';
					}
					$output .= '
				</div><!-- .entry-container -->
			</article><!-- .slides -->';
		}

		wp_reset_query();
  	}
	return $output;
}

Regards,
Mahesh

[Mahesh]

Hi @tracypost,

Sorry for the inconvenience.
The theme features in Catch Responsive and Simple Catch is little different. Catch Responsive allows you to display the slider using page’s featured image, whereas Simple Catch allows you to display the slider using post’s featured image.
The feature you’ve mentioned is available in Catch Responsive Pro. I recommend you to upgrade to Catch Responsive Pro.

Regards,
Mahesh

[Mahesh]

Hi @Daniel,

Sorry there. Thank you for using Catch Box Pro.
For gif images in slider, go to “Dashboard=> Appearance=> Theme Options=> Featured Slider (Tab)” and select Featured Image Slider in Select Slider Type option. Then scroll down you’ll see Featured Image Slider Options, click on Add/Change button in image and choose your desired gif image. After you’re done, click Save.

Let me know if this helps with your issue.

Regards,
Mahesh

[akeyworth]

Hi,

I just set up a new install of Full Frame today. I’ve been able to get the Featured Sliders to work pretty much as I’d like; the one exception is that the slider entry content text (default in white text) doesn’t show up well against the background. I’d prefer to have the entry-container box around it, which is a semi-opaque grey, always visible, as opposed to only on mouse-over. What is the best way to ensure the entry-container box is always visible?

[Mouvance web]

I subsitute the slider by one main image in the header. I would like that images download in #header-featured-image be systematically resized, 1200px for the width, 300px for the height.
Currently, images are resized at 1200px for width, 400px for height. I know that I can resize images manually, but it’s important that it be computerized. I hope I have been clear…Thank you!

[Daniel]

Hello,

Is there any way to make the featured image for a page on the slider be a .gif that plays automatically? I want to add a gif of some juggling on the front page of my entertainment site: http://www.simplysmilesco.com

Thanks

[Mahesh]

Hi @Paul,

I’ll provide you the code that I’ve tested with which is working fine. Please try with the following.
1. style.css

/*
Theme Name: Catch Kathmandu Pro Child Theme
Theme URI: http://catchthemes.com/themes/catch-kathmandu-pro
Author: Catch Themes Team
Author URI: http://catchthemes.com
Description: Catch Themes has come up with a full-fledged Corporate/Blog premium WordPress theme, Catch Kathmandu Pro! The design is highly customizable and you can tailor the display to your taste with a few easy clicks. Based on HTML5 and CSS3, it is a responsive theme which automatically adapts to the screen's size, regardless of the devices the visitors use. It has a large screen layout which elegantly extends to 1280 pixels! If you are looking for a clean professional space which accommodates your visuals and yet provides you with ample amount of textual area, Catch Kathmandu Pro is your perfect find. Active community at http://catchthemes.com/support-forum/
Version: 1.0
License: GNU General Public License, version 3 (GPLv3)
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
Tags: black, blue, gray, white, dark,light, one-column, two-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout,  custom-background, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, front-page-post-form, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: catchkathmandu
Template: catch-kathmandu-pro
*/

/* =Child Theme Custom CSS
-------------------------------------------------------------- */

2. functions.php

<?php
/**
 * Child Theme functions and definitions
 *
 */

/**
 * Loading Parent theme stylesheet
 *
 */
add_action( 'wp_enqueue_scripts', 'catchkathmandu_child_enqueue_styles' );
function catchkathmandu_child_enqueue_styles() {
    wp_enqueue_style( 'catchkathmandu-parent-style', get_template_directory_uri() . '/style.css' );
}

/**
 * Moving Primary Slider below Slider
 *
 */
add_action( 'init' , 'catchkathmandu_child_move_menu_below_slider' );
function catchkathmandu_child_move_menu_below_slider() {
	remove_action( 'catchkathmandu_hgroup_wrap', 'catchkathmandu_header_right', 15 );
	add_action( 'catchkathmandu_before_main', 'catchkathmandu_header_right', 15 );
}

The link below is the image of the changes made with the above codes in the child theme.
http://www.awesomescreenshot.com/image/925575/3ad7ec7128fb34c76175a8c2b3cdad24

Regards,
Mahesh

[husker]

I downloaded and made a few color change to the main theme files a few days ago.

Today I downloaded and successfully created a child theme and activated it.

Unfortunately, my child theme does not not look the same as the main theme.

My primary Sidebar that was created in main theme shows up as Footer 1 on the child theme and child theme is not showing slider updated I made to main theme.

Here are the CSS and Functions Sheets from the Child Theme.

style.css

Theme Name: Catch Responsive Child Theme
Theme URI: http://catchthemes.com/themes/catch-responsive
Author: Catch Themes Team
Author URI: http://catchthemes.com
Description: Catch Responsive is an extremely flexible and customizable WordPress theme suitable for almost any kind of professional website. It is based on responsive design where each element has been carefully configured for perfect display on all devices and platforms. It is built in HTML5, CSS3 and WordPress Theme Customizer for real time customization. It comes with a wide variety of options so you can modify layout, styling, featured content, promotion headline, featured slider, pagination, icons, menus, breadcrumb, widgets and much more, directly from theme customizer. This theme is translation ready and also currently translated in Swedish. Check out Theme Instructions at http://catchthemes.com/theme-instructions/catch-responsive/, Support at http://catchthemes.com/support/ and Demo at http://catchthemes.com/demo/catch-responsive/
Version: 2.1
License: GNU General Public License, version 3 (GPLv3)
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
Tags: black, gray, silver, white, dark, light, one-column, two-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, front-page-post-form, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: catchresponsive
Template: catch-responsive

/* =Child Theme Custom CSS
————————————————————– */

functions

<?php
/**
* Child Theme functions and definitions
*
*/

/**
* Loading Parent theme stylesheet
*
*/
add_action( ‘wp_enqueue_scripts’, ‘catchresponsive_child_enqueue_styles’ );
function catchresponsive_child_enqueue_styles() {
wp_enqueue_style( ‘catchresponsive-parent-style’, get_template_directory_uri() . ‘/style.css’ );
}

What am i missing?

Here is the file path:

/public_html/wp/wp-content/themes with the two folders for main and child inside themes.

Thanks and let me know.

Brian

[LiminalLLC]

Hello! Have another question regarding my WordPress site which I’m hoping someone can help with to narrow down potential culprits. My site is http://www.bevontule.com and I am using the Featured Slider with three different images at the recommended resolutions (1600px by 533px, I believe?). I’ve noticed that it sometimes takes several seconds to display the initial image/load the slider and was wondering if there are any ways in which I can speed this up. I am not afraid to edit the code directly if necessary, but I’m not really sure where to start. Obviously changing the pictures from PNGs to JPEGs would probably provide a speed increase, but I’m wondering if there are any other tricks that I can use to get it as fast as possible (perhaps the slider is loaded after everything else on the page?). After the page has been cached, the images load fairly quickly, but clearing the cache and then refreshing the page still produces a noticeable delay before the first image in the slider appears. Any ideas on how to speed this up? Thanks!

[Michael]

On my clean journal free the slider and featured slider images will show. But when I use the pro and upload them they show on preview but when i make it live it wont show the slider or the featured content.

[Pratik]

HI @benowchiro,

In free version, there is only featured post slider and featured category slider. The images for both these are automatically re-sized so it is not possible to fix a certain height as they are pre-build. So, they cannot be resized with custom CSS.

If you upgrade to pro version, you can select a featured image slider in which you can add images with custom height for your need. The details of pro version is here

Regards,
Pratik

[benowchiro]

Hello, Can I customize the height of the featured slider so it is not so tall, that way more of my content will be on the first full screen that people see.

Thanks for your help.

Lee

Benowchiropractic.com

[Paul]

I tried that but it didn’t work. Perhaps I’m using the wrong terminology. I have a featured slider as the main image at the top of the page, the primary menu is positioned above this featured image. I wish to move the menu below the image just above the words of the web page

Thanks

Paul