[Sakin]

@shruti: If you use Featured Image Slider then you can add image of any size. If you are using Normal width then it width is 754px and for full width it’s 1190px width.

But if you use Featured Post Slider or Featured Page Slider or Featured Category slider then it will take the exact image size of width 754px and height 400px.

Which version of Catch Evolution Pro sure you using it. Make sure you are using the latest version 1.5. Then you will see the Featured Slider layout in “Appearance => Theme Options => Featured Slider => Slider Options”. There you will see the option “Slider Layout”

[Sakin]

@inventorgeorge: You can just go to “Appearance => Theme Options => Featured Post Slider => Slider Options” and then in “Enable Sidebar”, you can just select “Disable”.

There is no such chart but you can see details about the feature additional in our Catch Evolution Pro theme instruction page at http://catchthemes.com/theme-instructions/catch-evolution-pro/

[Sakin]

@caramele: The dimension for the slider image in 976 and 313. So, you don’t need to change anything. You just need to upload the image of greater then that. All the small image below that dimension will show it as it is with center.

They will be in the order of Published date. Note, if you just have 3 posts then it will show 3 posts. Remember, if you have “Exclude Slider post from Home page posts” from “Appearance => Theme Options => Featured Slider”. Then the post in the slider will not be display. So, if you have 7 total post with 4 slider posts, then the remaining 3 will be shown.

Which one is Categorized. Also remember, if you have same post in 2 categories then it will show it.

[caramele]

Hi Sakin. Thanks for the answer. I forgot to change the featured image on the posts. Now everything’s almost fine. Can I change slider pic size? I tried to change dimensions in css (976 and 313), but it didn’t work out. Can I at least influence the cropping?

About the blog posts – I changed it to 5 posts, but I still see only 3. Not to mention that they’re not in a chronological order.

3rd question: yes, I did that. Excluded Uncategorized from home page and still see it.

[Sakin]

@caramele:

About your Featured Post Slider images, you need to assign Featured Image of size minimum 976px width and 313px height. See theme instruction page http://catchthemes.com/theme-instructions/simple-catch. After you add that images, you can change order in Slider and it will show you changed images.

To control then number of recent post, you can go to “Settings => Readings” and change the number in Blog pages show at most.

But I don’t understand your 3rd request. You can select the categories that you want to display from “Appearance => Theme Options => Homepage / Frontpage Category Settings”

[Sakin]

@positronic: I can see that all your features post has been re-sized to 210px height and 210px width as needed in all latest posts. That is nice.

The only problem, I see is the Featured Post Slider. It is talking old image sizes. If you have already Regenerate Thumbnails using the Regenerate Thumbnail plugin then you need to clear the auto cache of Slider. For that you can just change any value in your Theme Options panel and then you can change it back.

[blackkeys]

Thank you so much for that. Its definitely sorted it a bit. But there is still some white space below the header logo. How can I remove that? Leaving only 5px like at the top.

I think it may be to do with the following lines in my code

@media screen and (max-width: 768px) {
.header-sidebar { padding-top: 0; }
}

http://www.sweetandsalty.biz

All my custom code is below:

#header-right { clear: both; }
#header-right { padding-top: 0; }

.lang-item {
display: inline;
}

p { line-height: 1.425; margin-bottom: 1em; }

#slider-nav { display: none; }

#site-logo, hgroup.with-logo { padding-top: 0; }
#hgroup-wrap { padding-top: 5px; }
#hgroup-wrap { padding-bottom: 0px; }
#hgroup-wrap { padding-left: 150px; }
#hgroup-wrap { padding-right: 10px; }

@media screen and (min-width: 961px) {
#hgroup-wrap { padding-top: 5px; }
#hgroup-wrap { padding-bottom: 0px; }
#hgroup-wrap { padding-left: 150px; }
#hgroup-wrap { padding-right: 10px; }
}

#hgroup-wrap a:hover img,
.featured-image a:hover img,
.entry-content a:hover img,
.comment-content a:hover img,
.widget a:hover img,
a:hover img.header-image,
.author-avatar a:hover img,
a:hover img.wp-post-image {
opacity: 1;
}

#hgroup-wrap .lang-item img { display: inline; }

@media screen and (max-width: 768px) {
.header-sidebar { padding-top: 0; }
}

[blackkeys]

Hi
Yes it works, thank you, but its created a huge white space below the header. I don’t want that.

I’ve searched for hours on the forums and tried all the codes, its driving me crazy. Please help.

http://sweetandsalty.biz

Current CSS is as below:

#header-right { clear: both; }

.lang-item {
display: inline;
}

p { line-height: 1.425; margin-bottom: 1em; }

#slider-nav { display: none; }

#site-logo, hgroup.with-logo { padding-top: 0; }
#hgroup-wrap { padding-top: 5px; }
#hgroup-wrap { padding-bottom: 5px; }
#hgroup-wrap { padding-left: 170px; }
#hgroup-wrap { padding-right: 10px; }

@media screen and (min-width: 961px) {
#hgroup-wrap { padding-top: 5px; }
#hgroup-wrap { padding-bottom: 5px; }
#hgroup-wrap { padding-left: 170px; }
#hgroup-wrap { padding-right: 10px; }
}

#hgroup-wrap a:hover img,
.featured-image a:hover img,
.entry-content a:hover img,
.comment-content a:hover img,
.widget a:hover img,
a:hover img.header-image,
.author-avatar a:hover img,
a:hover img.wp-post-image {
opacity: 1;
}

#hgroup-wrap .lang-item img { display: inline; }

@media screen and (max-width: 768px) {
.header-sidebar { padding-top: 0; }
}

[blackkeys]

oh yes just to give you more info, regarding my previous post. My custom CSS now looks like this:

.lang-item {
display: inline;
}

p { line-height: 1.425; margin-bottom: 1em; }

#slider-nav { display: none; }

#site-logo, hgroup.with-logo { padding-top: 0; }
#hgroup-wrap { padding-top: 10px; }
#hgroup-wrap { padding-bottom: 10px; }
#hgroup-wrap { padding-left: 170px; }
#hgroup-wrap { padding-right: 10px; }

@media screen and (min-width: 961px) {
#hgroup-wrap { padding-top: 10px; }
#hgroup-wrap { padding-bottom: 10px; }
#hgroup-wrap { padding-left: 170px; }
#hgroup-wrap { padding-right: 10px; }
}

#hgroup-wrap a:hover img,
.featured-image a:hover img,
.entry-content a:hover img,
.comment-content a:hover img,
.widget a:hover img,
a:hover img.header-image,
.author-avatar a:hover img,
a:hover img.wp-post-image {
opacity: 1;
}
#hgroup-wrap .lang-item img { display: inline; }

@media screen and (max-width: 768px) {
.header-sidebar { padding-top: 0; }
}

http://www.sweetandsalty.biz

Thanks

[Sakin]

@Mgx: I see that you are using Free version of Catch Evolution, where you can only use Featured Post Slider. This slider is created to highlight you post. So, you cannot remove that link. Instead if you use Catch Evolution Pro version, there is Featured Image slider where you can upload your image without or with link. It’s optional.

About the post in the homepage, it is the default way that WordPress uses in Blog. It will link to the post. To remove that link it’s bit difficult. You might need to hire developer to work for you on this customization.

I will guide you the process.
1. Build child theme of Catch Evolution Theme
2. Then copy content.php file in your child theme and remove the link from the title
3. For slider you can create functions.php file and copy catchevolution_sliders() function and edit that in your child theme.

[Ser_DNA]

Thank you that fixed it. Also, I’m having problems with the slider. Under Appearance => Theme Options => Featured Post Slider it asks to put in the Post ID to use as the slider. I made the image the exact size it told me, 644px by 320px and I put the correct Post ID. But all it shows on the homepage is title of the post but not the image. What am I doing wrong?

[Sakin]

@FleurdeSante: Sorry I don’t get it what you mean. Check our theme instruction page at http://catchthemes.com/theme-instructions/catch-evolution-pro/ where you will see details on how to add featured Image slider. This will replace the stock images.

[Sakin]

@shamwow: Featured Image gives you an option to upload the image of you own choice where we do not control it’s layout. It depend on the size of the image you upload it. But featured page slider cuts the image in equal size of 1140px width and 450px height. If you want same size image in the Image Slider, then you need to upload all the image with the same dimension.

[eckh20]

Hi,

I have the same problem as Elisabetta – the featured slider has been working fine for months but all of a sudden it’s stuck on the first post instead of scrolling through all 7. What do I need to do to debug this please?

The website/page: http://welshminestrust.org/

Thanks

[Sakin]

@guy.shachar76: You most of the question will be solved if you check in the Theme Instruction of Catch Evolution Pro at http://catchthemes.com/theme-instructions/catch-evolution-pro/

1. How to remove the rotating pictures that comes with the theme (house & flower)
— The rotating pictures is called Featured Slider and you can check in theme instruction for more details.

2. How to decrease header height
— You can decrease the header height by reducing the Header Top Margin and Header Bottom Margin from “Appearance => Theme Options => Header Options”.

3. how to modify the comment backround (it’s gray)
— You can change the color code as per you need and then you can add the following CSS from “Appearance => Theme Options => Custom CSS” box.
#respond { background-color: #fff; }

4. How to change the menu and title to left to right.
I don’t get this. Menu and title is at left only. Post in your site URl and explain where you want to move your menu and title.

[blackkeys]

Hi Sakin

So I have installed the Polylang plugin and after reading up have figured out how to use it.

But there are some issues I need help with.

1: Firstly in responsive mode the Polylang widget drops down and the header area is way too big.
I just need the language selection to be at the bottom of the header right sidebar.

2: Secondly how do I get the actual logo I am using to remain in the same position more or less when the site is viewed on a mobile device? I don’t want it jumping around all over the place.

I know that I have set a #hgroup-wrap { padding-left: 170px; } in the #site-logo part of my custom CSS. This will obviously affect the responsive view too but I need to keep the look the same in responsive, sure sizing changed to fit screen but not a huge white gap under the header section.

I have attached my custom CSS to help you:
.lang-item {
display: inline;
}

p { line-height: 1.425; margin-bottom: 1em; }

#slider-nav { display: none; }

#site-logo, hgroup.with-logo { padding-top: 0; }
#hgroup-wrap { padding-top: 10px; }
#hgroup-wrap { padding-bottom: 10px; }
#hgroup-wrap { padding-left: 170px; }
#hgroup-wrap { padding-right: 10px; }

#hgroup-wrap a:hover img,
.featured-image a:hover img,
.entry-content a:hover img,
.comment-content a:hover img,
.widget a:hover img,
a:hover img.header-image,
.author-avatar a:hover img,
a:hover img.wp-post-image {
opacity: 1;
}

I have read extensive but need to know how to do this, thanks a lot Sakin, much appreciated.

[Sakin]

@rgidon: Featured Images cannot will not be displayed on post with Catch Box Theme. This featured image is used for Featured Post Slider and for archive pages to show Image and excerpt text. In post, you can add image in the post content itself.

[Halconio]

Hello Sakin, Thank you for your time!!!

There is still one problem with that code.

Finally, the margin I was looking for was this:

/* For Width */
div.layout-978 { width: 1100px; }

#content.col8 { width: 800px; }
#sidebar.col4 { width: 250px; }

Those margins are correct, That’s what I want!! :), but now I need to increase width of slider box and then center it. Also, the leyend of the featured image below the slider box does not fit correctly, exceeding margins of the slider box.

What I need is the slider box fits exactly below the logo image (to the left) and the search box (to the right). Would be great that everything fit within the margins that I chose 🙂

I’m leaving the code in my site in order that you can take a look of the problem later.

Thank you so much Sakin!!!
Regards

[Sakin]

@Betty: It’s complicated. To position the slider in header you need to use action hooks. You need to build child theme and then add the following php code in your child theme functions.php file

/**
 * Display slider
 */
function catchevolution_slider_display() {
	global $post, $wp_query, $catchevolution_options_settings;
    
	// get data value from theme options
	$options = $catchevolution_options_settings;
	$enableslider = $options[ 'enable_slider' ];
	$sliderselect = $options[ 'select_slider_type' ];
	$sliderlayout = $options[ 'select_slider_layout' ];
	
	// Front page displays in Reading Settings
	$page_on_front = get_option('page_on_front') ;
	$page_for_posts = get_option('page_for_posts'); 	
		
	// Get Page ID outside Loop
	$page_id = $wp_query->get_queried_object_id();	
	
	if ( ( $enableslider == 'enable-slider-allpage' ) || ( ( is_front_page() || ( is_home() && $page_id != $page_for_posts ) ) && $enableslider == 'enable-slider-homepage' ) ) :
	
		// Select Slider
		if ( $sliderselect =='image-slider' && !empty( $options[ 'featured_image_slider_image' ] ) && $sliderlayout =='fullwidth' && function_exists( 'catchevolution_imagesliders' ) ) {
			add_action( 'catchevolution_before_contentsidebarwrap', 'catchevolution_imagesliders', 15 );
		}	
		elseif ( $sliderselect =='post-slider' && !empty( $options[ 'featured_slider' ] ) && $sliderlayout =='fullwidth' && function_exists( 'catchevolution_sliders' ) ) {
			add_action( 'catchevolution_after_headercontent', 'catchevolution_sliders', 15 );
		}
		elseif ( $sliderselect =='page-slider' && !empty( $options[ 'featured_slider_page' ] ) && $sliderlayout =='fullwidth' && function_exists( 'catchevolution_page_sliders' ) ) {
			add_action( 'catchevolution_after_headercontent', 'catchevolution_page_sliders', 15 );
		}		
		elseif ( $sliderselect =='category-slider' && !empty( $options[ 'slider_category' ] ) && $sliderlayout =='fullwidth' && function_exists( 'catchevolution_category_sliders' ) ) {
			add_action( 'catchevolution_after_headercontent', 'catchevolution_category_sliders', 15 );
		}		
		elseif ( $sliderselect =='image-slider' && !empty( $options[ 'featured_image_slider_image' ] ) && function_exists( 'catchevolution_imagesliders' ) ) {
			add_action( 'catchevolution_content', 'catchevolution_imagesliders', 10 );
		}
		elseif ( $sliderselect == 'post-slider' && !empty( $options[ 'featured_slider' ] ) && function_exists( 'catchevolution_sliders' ) ) {
			add_action( 'catchevolution_content', 'catchevolution_sliders', 10 );
		}
		elseif ( $sliderselect =='page-slider' && !empty( $options[ 'featured_slider_page' ] ) && function_exists( 'catchevolution_page_sliders' ) ) {
			add_action( 'catchevolution_content', 'catchevolution_page_sliders', 10 );
		}
		elseif ( $sliderselect == 'category-slider' && !empty( $options[ 'slider_category' ] ) && function_exists( 'catchevolution_category_sliders' ) ) {
			add_action( 'catchevolution_content', 'catchevolution_category_sliders', 10 );
		}
		else {
			add_action( 'catchevolution_content', 'catchevolution_default_sliders', 10 );
		}
		
	endif;
	
}

[Sakin]

@davidyoungs: Thanks for your appreciation. You can add the following CSS in “Appearance => Theme Options => Custom CSS” box to remove just title in Featured Post Slider.
#main-slider .entry-header { display: none; }