[Mahesh]

@mariustodor: You can use different header image for different page\post. You must set featured image for those pages or posts and it will display the very image. In case of pages or posts with no featured images, uses the default header image.
For that, go to Dashboard=> Appearance=> Customize=> Header Image and select Entire Site, Page/Post Featured Image in Enable Featured Header Image on option.

No, there is not options to change the order of the slider, you have to set it manually in customizer setting.

Regards,
Mahesh

[Mahesh]

@ron66; I’ve checked your site. You have the images of almost similar dimension. The second one seem to be little small than the other three. And the design issue is more because of long title than the image itself. You have long title on first one and the short on the second, causing the change of the position of the text and image in the featured slider resulting in the design issue. Height for the featured content is not fixed, so it changes with the content text, causing the design issue. Its upto the content to be put the keep the design as it is. Hope you understand.

Regards,
Mahesh

[Mahesh]

@webrightcaid: The entry container within the featured slider is already at the bottom please clarify. For changing opacity, go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

#feature-slider .entry-container {
    background: rgba(0, 0, 0, 0.4);
}

Note: Please adjust the opacity as required. Please change the last property in the above (range: 0.0 to 1.0)

Regards,
Mahesh

[Mahesh]

@jennifersimsdesign-com-au: Go to Dashbaord=> Appearance= Customize=> Additional CSS box and add the following CSS:

#feature-slider .entry-title, 
#primary .entry-content h3, .blog .entry-title, .archive .entry-title, 
#secondary .widget-title, .widget_fabulous_fluid_page_widget .entry-title, .widget_fabulous_fluid_post_widget .entry-title, 
#per-slide-template h2,
#featured-content .featured-content-wrap .entry-title {
    font-weight: 300;
}

Regards,
Mahesh

[[email protected]]

Hi Mahesh

it’s not slider image i want full width it’s the featured images please.

Both websites i mentioned are built in catch responsive free theme.

Featured images on creativesigns.uk.com are full width but not full width on ashbeckcaravanservices.co.uk

So how do i make the images full width on ashbeckcaravanservices.co.uk
I’m obviously missing a setting that i set on the creativesigns.uk.com site

Many thanks
Karen

[Mahesh]

@wouwonline: For that, you’ll need to create child theme. You can find more details on creating child theme HERE. Then copy index.php from main theme to your child theme and add the following code just above </div><!-- #content --> after <?php endif; ?>

<?php do_action( 'catchevolution_child_after_content' ); ?>

Then add the following code in your child theme’s functions.php

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 ( ( 'enable-slider-allpage' == $enableslider ) || ( ( is_front_page() || ( is_home() && $page_id != $page_for_posts ) ) && 'enable-slider-homepage' == $enableslider ) ) :

		// Select Slider
		if ( $sliderselect =='image-slider' && !empty( $options['featured_image_slider_image'] ) && $sliderlayout =='fullwidth' && function_exists( 'catchevolution_imagesliders' ) ) {
			add_action( 'catchevolution_after_contentsidebarwrap', 'catchevolution_imagesliders', 10 );
		}
		elseif ( $sliderselect =='post-slider' && !empty( $options['featured_slider'] ) && $sliderlayout =='fullwidth' && function_exists( 'catchevolution_sliders' ) ) {
			add_action( 'catchevolution_after_contentsidebarwrap', 'catchevolution_sliders', 10 );
		}
		elseif ( $sliderselect =='page-slider' && !empty( $options['featured_slider_page'] ) && $sliderlayout =='fullwidth' && function_exists( 'catchevolution_page_sliders' ) ) {
			add_action( 'catchevolution_after_contentsidebarwrap', 'catchevolution_page_sliders', 10 );
		}
		elseif ( $sliderselect =='category-slider' && !empty( $options['slider_category'] ) && $sliderlayout =='fullwidth' && function_exists( 'catchevolution_category_sliders' ) ) {
			add_action( 'catchevolution_after_contentsidebarwrap', 'catchevolution_category_sliders', 10 );
		}
		elseif ( $sliderselect =='image-slider' && !empty( $options['featured_image_slider_image'] ) && function_exists( 'catchevolution_imagesliders' ) ) {
			add_action( 'catchevolution_child_after_content', 'catchevolution_imagesliders', 10 );
		}
		elseif ( 'post-slider' == $sliderselect && !empty( $options['featured_slider'] ) && function_exists( 'catchevolution_sliders' ) ) {
			add_action( 'catchevolution_child_after_content', 'catchevolution_sliders', 10 );
		}
		elseif ( $sliderselect =='page-slider' && !empty( $options['featured_slider_page'] ) && function_exists( 'catchevolution_page_sliders' ) ) {
			add_action( 'catchevolution_child_after_content', 'catchevolution_page_sliders', 10 );
		}
		elseif ( 'category-slider' == $sliderselect && function_exists( 'catchevolution_category_sliders' ) ) {
			add_action( 'catchevolution_child_after_content', 'catchevolution_category_sliders', 10 );
		}
		else {
			add_action( 'catchevolution_child_after_content', 'catchevolution_default_sliders', 10 );
		}

	endif;
}

Then go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

.content-sidebar-wrap {
    clear: both;
    content: " ";
    display: inline-block;
}

Regards,
Mahesh

[Mahesh]

@hellanathorst:
Static image instead of slideshow*
You can use Header Image for this. Go to Dashboard=> Appearance=> Customize=> Header Image and select your desired image then Homepage\Frontpage option in Enable Featured Header Image on. Then disable the slider.
OR
If you only want to remove the dot, go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

#feature-slider .cycle-pager {
    display: none;
}

Menu header covers banner image
Add the following CSS:

#feature-slider, #header-featured-image {
    margin-top: 0;
}

Menu header stops being transparent when you set a custom color
Add the following CSS:

#fixed-header .nav-primary {
    background-color: rgba(130, 122, 144, 0.7);
}

Search item icon
Don’t understand what you mean. I only see the menu icon. And it for the header toggle that includes the search.

Footer not at bottom of page
Add the following CSS:

html,
body {
    height:100%;
}

.page {
    min-height:100%;
    position:relative;
}

#colophon {
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
}

Blog page picture stays default
Do you mean the image on the top? Except front page and blog page, setting Header image Enable Featured Header Image on to Entire Site, Page/Post Featured Image will display set the header image as you set the featured image, for both posts and pages. To change that for blog page, you’ll need to customize further.

Div function and responsiveness
You’ll need some CSS customization for that. See the section below the content (Hälsa, Hudvård, I hemmet).

Regards,
Mahesh

[controluce]

Hi Sakin, I have this problem with Catch Theme Base: I’ve set the featured image for my page and the slider works, but this is the problem: in the destination page (I don’t know how to better explain with my poor English) you can see two identical images and that’s a ridiculuos effect. You can check here:
http://www.tommasogiorgetti.it

There’s just one slider image. Click that image and you’ll see!

Thanks a lot!

[Mahesh]

@jamesmillerlifeology: Showing excerpt in blog posts and not in Featured Slider is possible. Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

#feature-slider .entry-content {
    display: none;
}

For displaying different text in different section, you’ll need to customize the theme further through child theme. You can find more details on creating child theme HERE. I recommend you to hire a customizer.

Regards,
Mahesh

[Anca]

Hi Sakin and thank you for your answer.
I created the child theme with the plugin you suggested, activated and added your code in the functions.php file. After saving I got HTTP ERROR 500.
The content of the file is currently below (now the code you gave me is put as comment). Where did I got 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
//
//if ( ! function_exists( 'adventurous_poly_invalidcache' ) )

/**
* Template for Clearing Polylang Invalid Cache
*/
/*
function adventurous_poly_invalidcache() {
delete_transient( 'adventurous_post_sliders' );
delete_transient( 'adventurous_page_sliders' );
delete_transient( 'adventurous_category_sliders' );
delete_transient( 'adventurous_image_sliders' );
delete_transient( 'adventurous_homepage_headline' );
delete_transient( 'adventurous_homepage_featured_content' );
delete_transient( 'adventurous_footer_content' );
delete_transient( 'adventurous_footercode' );
delete_transient( 'adventurous_featured_image' );

} // adventurous_wpml_invalidcache
*/
#endif;

#add_action( 'after_setup_theme', 'adventurous_poly_invalidcache' );

[francesca78]

Dear @Mahesh, please can you tell me the code also to highlight the text on featured post slider ?

thanks

[Mahesh]

@infocommunitypartnersnh-org: Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

#slider .featured-text {
    display: none;
}

Regards,
Mahesh

[Pratik]

Hi @guyshahar,

Please see the theme instructions: https://catchthemes.com/theme-instructions/full-frame/#featured-slider-content.

Let me know how it goes.

Regards,
Pratik

[Sakin]

@ancageorgescugmail-com: Sorry there is no easy way to do that except upgrading to pro version. To do this is free version, you need to know little technical details. First, you need to build child theme, for child theme refer to https://catchthemes.com/blog/create-child-theme-wordpress/ and then add the following code in your child theme functions.php file.

if ( ! function_exists( 'adventurous_poly_invalidcache' ) ) :
/**
 * Template for Clearing Polylang Invalid Cache
 */
function adventurous_poly_invalidcache() {
	delete_transient( 'adventurous_post_sliders' );
	delete_transient( 'adventurous_page_sliders' );
	delete_transient( 'adventurous_category_sliders' );
	delete_transient( 'adventurous_image_sliders' );
	delete_transient( 'adventurous_homepage_headline' );
	delete_transient( 'adventurous_homepage_featured_content' );
	delete_transient( 'adventurous_footer_content' );	
	delete_transient( 'adventurous_footercode' );
	delete_transient( 'adventurous_featured_image' );

} // adventurous_wpml_invalidcache
endif;

add_action( 'after_setup_theme', 'adventurous_poly_invalidcache' );

[Mahesh]

@petermilliken: Yes, this can be done. If you don’t want to use the theme’s built in slider. Go to Dashboard=> Appearance=> Customize=> Featured Slider and simply select Disabled in Enable Slider on option. Then follow as per the plugin’s instruction. If you need to customize, I recommend you to use child theme. You can find more details on creating child theme HERE.

Regards,
Mahesh

[Mahesh]

@kataka-publishing:
1) Spacing: This issue is because you are using big fonts for headings and the more content text. Please limit the text.

2) Text Coloring: Use custom CSS for this. Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

#header-highlights-content .large-featured-image .entry-container {
    color: #fff;
}

@media screen and (max-width: 909px) {
    #header-highlights-content .entry-container {
        color: #fff;
    }
}

3) Add the following CSS:

.site .more-button a:hover, .site .more-button a:focus, .reply a:hover, .reply a:focus {
    background-color: #00ff00;
     border-color: #00ff00;
}

#header-featured-image .more-button a:hover, #header-featured-image .more-button a:focus, #feature-slider .more-button a:hover, #feature-slider .more-button a:focus {
    background-color: #00ff00;
    border-color: #00ff00;
}

4) This option is for Header Hightlight’s Small Content’s text color.
In your case: All header highlight contents except The Cost of Organic

Regards,
Mahesh

[Mahesh]

@mariustodor: Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

1. The Hover/mouse over color of the navigation “dots”(Buttons below)

#feature-slider .cycle-pager span:hover, #feature-slider .cycle-pager span:focus, #feature-slider .cycle-pager span.cycle-pager-active {
	color: #ff00ff;
}

2. The navigation arrows within the Featured Slider

#feature-slider .cycle-prev:hover, #feature-slider .cycle-prev:focus, #feature-slider .cycle-next:hover, #feature-slider .cycle-next:focus {
	background-color: 00ff00;
}

3. As well the Button colors HIER MEHR ERFAHREN >> within the Hero Content

#promotion-message .right a, #hero-section .readmore a {
    background-color: #00ff00;
}

4. Mouse over Text in Portfolio…

#portfolio .hentry .entry-title a:hover, #portfolio .hentry .entry-title a:focus, #portfolio .hentry .entry-meta a:hover, #portfolio .hentry .entry-meta a:focus {
	color: #00ff00;
}

5. Pulldown Mainmenu mouse over color >>

.nav-primary .menu li a:hover, .nav-primary .menu li a:focus, .nav-primary .menu li:hover > a, .nav-primary .menu li:focus > a, .nav-primary .menu .current-menu-item > a, .nav-primary .menu .current-menu-ancestor > a, .nav-primary .menu .current_page_item > a, .nav-primary .menu .current_page_ancestor > a {
    color: #00ff00;
}

Note: Please use the desired color.

Regards,
Mahesh

[Marius]

Thanks a lot Mahesh,

for your fast reply.
I would like to change the following:
1. The Hover/mouse over color of the navigation “dots”(Buttons below)
2. The navigation arrows within the Featured Slider
3. As well the Button colors HIER MEHR ERFAHREN >> within the Hero Content
4. Mouse over Text in Portfolio…
5. Pulldown Mainmenu mouse over color >>

All to be changed from default I guess #ff6666 to orange #cc6600
>> test.rhythmschool.de

I hope my description is comprehensible enough. ;o)

Thank you for your help and best regards

Marius

[Mahesh]

@mariustodor: I guess it will, let me know if I could be of any help on that.
And for the other one, the navigation buttons on the featured slider, well there is no option in the customizer to change that but you can add Custom CSS. What do you actually want to do or change? Let me know and I’ll provide you the required CSS.

Regards,
Mahesh

[Pratik]

Add following code in your child theme’s functions.php file:

/**
 * Function to move slider above primary menu
 */
function clean_journal_child_move_slider() {
    remove_action( 'clean_journal_before_content', 'clean_journal_featured_slider', 10 );
    add_action( 'clean_journal_after_header', 'clean_journal_featured_slider', 19 );

}
add_action( 'init', 'clean_journal_child_move_slider' );

Let me know how it goes.

Regards,
Pratik