[Myinah]

I am using the Catch Flames theme, but I’m unable to get the slider to stop displaying text. I’ve looked at other topics and tried inserting the code below in the custom css in the theme options:

.featured-text {
    display: none;
}

So far nothing has worked or removed the titles and text from the featured slider. Can someone help?

[Harry]

Hi Sakin,

I think stuffed up my function.php on my website.

I used Catch Responsive Pro Child Theme.

This is my full code, would you please kindly check and see what I did wrong?

<?php
//
// Recommended way to include parent theme styles.
// (Please see http://codex.wordpress.org/Child_Themes#How_to_Create_a_Child_Theme)
//
add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’ );
function theme_enqueue_styles() {
wp_enqueue_style( ‘parent-style’, get_template_directory_uri() . ‘/style.css’ );
wp_enqueue_style( ‘child-style’,
get_stylesheet_directory_uri() . ‘/style.css’,
array(‘parent-style’)
);
}
//
// Your code goes below
//

function catchresponsive_featured_slider() {
if ( is_front_page() ) : ?>
<section id=”feature-slider”>
<div class=”wrapper hentry”>
“My video embedded code”
</div><!– .wrapper –>
</section><!– #feature-slider –>
<?php endif;
}

[dougdavis22]

The only changes I’ve made are to add a couple of Custom CSS bits:

#slider {
background-color: #ffffff;
}
#slider .featured-text { color: #000000; }

#access-secondary{
background-color: #496175;
font-style: italic;
font-size:80%;
}

[dougdavis22]

For some reason, the text underneath the featured image on the first post in the Featured Slider on my site doesn’t slide away, so the text from the next one overlaps it. This doesn’t happen for any of the other posts in the slider, just between the first and second. Any ideas? Thanks.

[Kyaw Sithu]

Hello I am using the simple catch pro version. But how do i add different featured slider per page? Is there a way? Could u pls help me out with that?

[Mahesh]

Hi @corkiesmom,

You’ll need to create a child theme for that. You can find more details on creating child theme HERE. Then in your child theme’s functions.php add the following code and it will remove the links from the slider image.

function catchresponsive_page_slider( $options ) {
	$quantity		= $options['featured_slide_number'];
	$more_link_text	=	$options['excerpt_more_text'];

    global $post;

    $catchresponsive_page_slider = '';
    $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-responsive' ), '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'; }
			$catchresponsive_page_slider .= '
			<article class="'.$classes.'">
				<figure class="slider-image">';
				if ( has_post_thumbnail() ) {
					$catchresponsive_page_slider .= get_the_post_thumbnail( $post->ID, 'catchresponsive-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
					$catchresponsive_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
					$catchresponsive_first_image = catchresponsive_get_first_image( $post->ID, 'catchresponsive-slider', 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 ( '' != $catchresponsive_first_image ) {
						$catchresponsive_image =	$catchresponsive_first_image;
					}

					$catchresponsive_page_slider .= $catchresponsive_image;
				}

				$catchresponsive_page_slider .= '
				</figure><!-- .slider-image -->
				<div class="entry-container">
					<header class="entry-header">
						<h1 class="entry-title">
							<a title="Permalink to '.the_title('','',false).'" href="' . get_permalink() . '">'.the_title( '<span>','</span>', false ).'</a>
						</h1>
						<div class="assistive-text">'.catchresponsive_page_post_meta().'</div>
					</header>';
					if( $excerpt !='') {
						$catchresponsive_page_slider .= '<div class="entry-content"><p>'. $excerpt.'</p></div>';
					}
					$catchresponsive_page_slider .= '
				</div><!-- .entry-container -->
			</article><!-- .slides -->';
		endwhile;

		wp_reset_query();
  	}
	return $catchresponsive_page_slider;
}

Regards,
Mahesh

[studiodimare]

It’s very strange. I’ve not modified any codes to my knowledge. I’m not a programmer. So prior customizations would have been done on the previous theme I was using. I can only remember changing the text of my 404 error page in the past before loading Full Frame.

I forgot to mention in my first post that when in the customizer I am not able to see the preview at all. Only a spinning icon as if the page is trying to refresh is seen no matter which option I am trying to view. So the only way I can see if any changes are to my liking is to save and publish, then refresh a live version of my site in another tab.

I disabled all plug-ins as you suggested. It was only then that I was able to see another section of the Featured Content options and I changed the default background and the headline. I was not able to get any options to change the Featured Page to use the 3/4 selections that are supposed to be possible. So I disabled it from showing the default instead. I tried looking for it in other areas of the customizer and to see if I could change the Featured Slider. Nothing new could be found anywhere else.

Returning to the Featured Content area of the customizer I tried refreshing my browser hoping that my preview would show up. Then the options to modify the Featured Content I was finally seeing before disappeared again. I am left only with the new background and headline I changed before this option disappeared. Thankfully I am happy with this much for now. However, I would like to put in the featured page info of linking to different services I want to showcase.

Thinking that perhaps it was a corrupted install of the theme, I also downloaded a new copy and reinstalled it. Nothing new. I’ve turned back on my plugins and will go back to adding more content on other pages for now.

[studiodimare]

Ciao! I’m new to using your template and have just installed the 2.2 version (free) of Full Frame. So far I’m enjoying it, but I’m not able to do anything with the Featured Content or Featured Slider options under Appearance: Customize.

In both of these areas I can only change the viewing options of Homepage/Frontpage, Entire Site, and Disabled. There are no other settings in the customizer to change the default loaded images and text if I have either of these options enabled. For now I have disabled them so they do not show on my site.

Was something left out on the latest update or is it something else I’m missing?

If needed, my site can be found at inspirationtrips.com

[Mahesh]

Hi @calmo16,

You’ll need to override another function that displays Featured Grid Content similarly as for Featured Slider and Featured Content. Add the following code in you child theme’s functions.php

function clean_box_page_grid_content( $options ) {
    $quantity       = $options['featured_grid_content_number'];

    global $post;

    $clean_box_page_grid_content = '';
    $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_grid_content_page_' . $i] ) && $options['featured_grid_content_page_' . $i] > 0 ){
            $number_of_page++;

            $page_list  =   array_merge( $page_list, array( $options['featured_grid_content_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=1;

        while ( $get_featured_posts->have_posts() ) {

            $get_featured_posts->the_post();

            $title_attribute = the_title_attribute( array( 'echo' => false ) );

            $classes = 'page pageid-' . $post->ID;

            if ( 1 == $i ) {
                $classes .= ' first';
            }
            else if ( 1 == $i%3 ) {
                $classes .= ' first-cols';
            }

            $clean_box_page_grid_content .=
            '<a class="grid-box '. $classes .'" title="' . $title_attribute . '" href="' . get_permalink() . '">';

            if ( has_post_thumbnail() ) {
                if ( 1 == $i ) {
                    $clean_box_page_grid_content .= get_the_post_thumbnail( $post->ID, 'clean-box-featured-grid', array( 'title' => esc_attr( $title_attribute ), 'alt' => esc_attr( $title_attribute ), 'class'    => 'pngfix' ) );
                }
                else{
                    $clean_box_page_grid_content .= get_the_post_thumbnail( $post->ID, 'clean-box-featured-content', array( 'title' => esc_attr( $title_attribute ), 'alt' => esc_attr( $title_attribute ), 'class' => 'pngfix' ) );
                }
            }
            else {
                //Default value if there is no first image
                $clean_box_image =
                    '<img class="no-image pngfix" src="'.get_template_directory_uri().'/images/gallery/no-featured-image-800x450.jpg" />';

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

                //Set value of image as first image if there is an image present in the post
                if ( '' != $clean_box_first_image ) {
                    $clean_box_image =  $clean_box_first_image;
                }

                $clean_box_page_grid_content .= $clean_box_image;
            }

            $clean_box_page_grid_content .= '
                <div class="caption">
                    <span class="vcenter">
                        <span class="entry-title">
                            ' . the_title('', '', false) . '
                        </span>
                        <span class="more">';

                        $clean_box_page_grid_content .=  $options['excerpt_more_text'];

                $clean_box_page_grid_content .= '
                        </span><!-- .more -->
                    </span><!-- .vcenter -->
                </div><!-- .caption -->
            </a><!-- .grid-box -->';

            $i++;
        }

        wp_reset_query();
    }

    return $clean_box_page_grid_content;
}

Regards,
Mahesh

[Mahesh]

Hi @calmo16,

Sorry, I thought it to be Featured Slider. The above code is for Featured Slider, for Featured Content, add the code below in child theme’s functions.php

function clean_box_page_content( $options ) {
    global $post;

    $quantity                   = $options [ 'featured_content_number' ];

    $more_link_text             = $options['excerpt_more_text'];

    $show_content   = isset( $options['featured_content_show'] ) ? $options['featured_content_show'] : 'excerpt';

    $clean_box_page_content     = '';

    $number_of_page             = 0;        // for number of pages

    $page_list                  = array();  // list of valid pages ids

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

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

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

        $i=0;
        while ( $get_featured_posts->have_posts()) : $get_featured_posts->the_post(); $i++;
            $title_attribute = the_title_attribute( array( 'echo' => false ) );

            $excerpt = get_the_excerpt();

            $clean_box_page_content .= '
                <article id="featured-post-' . $i . '" class="post hentry featured-page-content">';
                if ( has_post_thumbnail() ) {
                    $clean_box_page_content .= '
                    <figure class="featured-homepage-image">
                        <a href="' . get_permalink() . '" title="' . $title_attribute . '">
                        '. get_the_post_thumbnail( $post->ID, 'medium', array( 'title' => esc_attr( $title_attribute ), 'alt' => esc_attr( $title_attribute ), 'class' => 'pngfix' ) ) .'
                        </a>
                    </figure>';
                }
                else {
                    $clean_box_first_image = clean_box_get_first_image( $post->ID, 'medium', array( 'title' => esc_attr( $title_attribute ), 'alt' => esc_attr( $title_attribute ), 'class' => 'pngfix' ) );

                    if ( '' != $clean_box_first_image ) {
                        $clean_box_page_content .= '
                        <figure class="featured-homepage-image">
                            <a href="' . get_permalink() . '" title="' . $title_attribute . '">
                                '. $clean_box_first_image .'
                            </a>
                        </figure>';
                    }
                }

                $clean_box_page_content .= '
                    <div class="entry-container">
                        <header class="entry-header">
                            <h1 class="entry-title">
                                <a href="' . get_permalink() . '" rel="bookmark">' . the_title( '','', false ) . '</a>
                            </h1>
                        </header>';
                        if ( 'excerpt' == $show_content ) {
                            $clean_box_page_content .= '<div class="entry-excerpt"><p>' . $excerpt . '</p></div><!-- .entry-excerpt -->';
                        }
                        elseif ( 'full-content' == $show_content ) {
                            $content = apply_filters( 'the_content', get_the_content() );
                            $content = str_replace( ']]>', ']]>', $content );
                            $clean_box_page_content .= '<div class="entry-content">' . $content . '</div><!-- .entry-content -->';
                        }
                        $clean_box_page_content .= '
                    </div><!-- .entry-container -->
                </article><!-- .featured-post-'. $i .' -->';
        endwhile;

        wp_reset_query();
    }

    return $clean_box_page_content;
}

Regards,
Mahesh

[sparta]

In custom CSS I didn’t change anything, This field is empty.

Photos size I tried 1680 x 720 , and 1920 × 823. neither fit. Both looks like in my printscreen.

And no matter what I choose.. I choose demo featured slider the pictures size is the same like in printscreen, and then I choose featured image slider with my own photos is also the same thing like in printscreen.

[Mahesh]

Hi @sparta,

Do you mean demo featured slider shows the slider in front-end with small image? Or only custom image slider is showing the issue? What sizes image are you using? The recommended slider size is Width: 1680px Height: 720px.
And have you changed anything in the theme (code or Custom CSS).

Regards,
Mahesh

[sparta]

hello, i have problems with slideshow. No matter it is demo featured slider, or my featured image slider, the picture size is showing this : https://drive.google.com/file/d/0B06B6OPC0rBSN2JQMWI3XzhSV1U/view

i want slides size like in theme live preview: https://catchthemes.com/demo/full-frame/

[Mahesh]

Hi calmo16,

The above code was for Catch Box. Please replace it with the following for Clean Box.

function clean_box_page_slider( $options ) {
    $quantity       = $options['featured_slider_number'];
    $more_link_text =   $options['excerpt_more_text'];

    global $post;

    $clean_box_page_slider = '';
    $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( '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'; }
            $clean_box_page_slider .= '
            <article class="'.$classes.'">
                <figure class="slider-image">';
                if ( has_post_thumbnail() ) {
                    $clean_box_page_slider .= '<a title="' . esc_attr( $title_attribute ) . '" href="' . get_permalink() . '">
                        '. get_the_post_thumbnail( $post->ID, 'clean-box-slider', array( 'title' => esc_attr( $title_attribute ), 'alt' => esc_attr( $title_attribute ), 'class'    => 'pngfix' ) ).'
                    </a>';
                }
                else {
                    //Default value if there is no first image
                    $clean_box_image = '<img class="pngfix wp-post-image" src="'.get_template_directory_uri().'/images/gallery/no-featured-image-1680x720.jpg" >';

                    //Get the first image in page, returns false if there is no image
                    $clean_box_first_image = clean_box_get_first_image( $post->ID, 'fullframe-slider', array( 'title' => esc_attr( $title_attribute ), 'alt' => esc_attr( $title_attribute ), 'class' => 'pngfix' ) );

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

                    $clean_box_page_slider .= '<a title="' . esc_attr( $title_attribute ) . '" href="' . get_permalink() . '">
                        '. $clean_box_image .'
                    </a>';
                }

                $clean_box_page_slider .= '
                </figure><!-- .slider-image -->
                <div class="entry-container">
                    <header class="entry-header">
                        <h1 class="entry-title">
                            <a title="' . esc_attr( $title_attribute ) . '" href="' . get_permalink() . '">'.the_title( '<span>','</span>', false ).'</a>
                        </h1>
                        <div class="assistive-text">'.clean_box_page_post_meta().'</div>
                    </header>';
                    if( $excerpt !='') {
                        $clean_box_page_slider .= '<div class="entry-content">'. $excerpt.'</div>';
                    }
                    $clean_box_page_slider .= '
                </div><!-- .entry-container -->
            </article><!-- .slides -->';
        endwhile;

        wp_reset_query();
    }
    return $clean_box_page_slider;
}

Note: Please use child theme. If you change the core files, all your change will be lost after theme update.
If you don’t see any changes (may be because of transient), please go to customize and save change something and it will work fine.
Let me know if any problems.

Regards,
Mahesh

[Sakin]

@tivonjohnson: Looks like you are using Feature Post Slider, where you featured image get auto crop to 976px by 313px. If you want to use your custom size image, then change your slider type to Featured Image Slider and upload your image as per your need. But don’t upload too big image, it will hamper your site load. So, best option is to change to image slider and upload image with maximum width 976px and height as your like.

[Mahesh]

Hi @tivonjohnson,

The recommended image size for Featured Post Slider is (976px x 313px). If you use large image then it will automatically crop the image to that size(without maintaining the aspect ratio). And if you use small image, the original image will be used. I recommend you to re-size/crop the image to the recommended size, then upload.
Let me know if any problem.

Regards,
Mahesh

[Mahesh]

Hi calmo16,

You need to create a child theme for this. You can find more on creating child theme HERE. Then in your child theme’s functions.php add the following code:

function catchbox_sliders() {
	global $post;

	//delete_transient( 'catchbox_sliders' );

	// get data value from catchbox_options_slider through theme options
	$options = catchbox_get_theme_options();
	// get slider_qty from theme options
	if( !isset( $options['slider_qty'] ) || !is_numeric( $options['slider_qty'] ) ) {
		$options[ 'slider_qty' ] = 4;
	}

	$postperpage = $options[ 'slider_qty' ];

	//In customizer, all values are returned but with empty, this rectifies the issue in customizer
	if( isset( $options[ 'featured_slider' ] ) && !array_filter( $options[ 'featured_slider' ] ) ) {
	    return;
	}

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

		$catchbox_sliders = '
		<div id="slider">
			<section id="slider-wrap">';
			$get_featured_posts = new WP_Query( array(
				'posts_per_page' => $postperpage,
				'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 = esc_attr( apply_filters( 'the_title', get_the_title( $post->ID ) ) );

				if ( $i == 1 ) { $classes = "slides displayblock"; } else { $classes = "slides displaynone"; }
				$catchbox_sliders .= '
				<div class="'.$classes.'">
					<a href="'. esc_url ( get_permalink() ).'" title="'.sprintf( esc_attr__( '%s', 'catch-box' ), the_title_attribute( 'echo=0' ) ).'" rel="bookmark">
							'.get_the_post_thumbnail( $post->ID, 'featured-slider', array( 'title' => $title_attribute, 'alt' => $title_attribute, 'class'	=> 'pngfix' ) ).'
					</a>
					<div class="featured-text">'
						.the_title( '<span class="slider-title">','</span>', false ).' <span class="sep">:</span>
						<span class="slider-excerpt">'.get_the_excerpt().'</span>
					</div><!-- .featured-text -->
				</div> <!-- .slides -->';
			endwhile; wp_reset_query();
		$catchbox_sliders .= '
			</section> <!-- .slider-wrap -->
			<nav id="nav-slider">
				<div class="nav-previous"><img class="pngfix" src="'.get_template_directory_uri().'/images/previous.png" alt="next slide"></div>
				<div class="nav-next"><img class="pngfix" src="'.get_template_directory_uri().'/images/next.png" alt="next slide"></div>
			</nav>
		</div> <!-- #featured-slider -->';
		set_transient( 'catchbox_sliders', $catchbox_sliders, 86940 );
	}
	echo $catchbox_sliders;
}

Regards,
Mahesh

[tivonjohnson]

Hello,

I’m having an issue with my slider. One of my featured slider images changed the cropping by itself and I can’t seem to get it correct again. Here is the url.
everythingiswine.com

Notice in the second image in the slider the man’s head is cut off. I’ve tried to recrop it in the thumbnail editor but it’s not working. I’m trying to get to where the man’s face is included in the slider.

Thanks,
Tivon

[tivonjohnson]

I’m having an issue with my slider as well. One of my featured slider images changed the cropping by itself and I can’t seem to get it correct again. Here is the url.
everythingiswine.com

Notice in the second image in the slider the man’s head is cut off. I’ve tried to recrop it in the thumbnail editor but it’s not working. I’m trying to get to where the man’s face is included in the slider.

Thanks,
Tivon

[Mahesh]

Hi @noote,

Catch Responsive free theme has to slider options.
1. Demo Slider (Content cannot be changed)
2. Page Slider (Use featured image as slider image, Page title as Slider title and Page content as Slider content, links to related page).
To use page slider, go to “Dashboard=> Appearance=> Customize=> Featured Slider” and select Page slider in Select Slider Type then select number of slides you want to use (need refresh). Then in select the page you want to use as slider form Featured Page # drop down.

If you want to have other options in slider, I recommend you to upgrade to pro.
1. Features from Catch Responsive free (Demo Slider and Page Slider)
2. Post Slider (Use featured image as slider image, Post title as Slider title and Post content as Slider content, links to related Post).
3. Image Slider (custom image, custom title, custom content and custom link).
4. Category Slider

Regards,
Mahesh