I noticed that when you set your featured slider to “pages” and make your image the featured image on the page, the images show on the front page all the same size which looks great. BUT, i dont want to have them set as pages, i want to set the slider to imges but when i do, the images are not the same size, they wont resize correctly. any thoughts.
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
@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.
Is there a way to make it so that only the featured slider shows on my “home” page. I want my home page to be only the pictures, with no “home” post below it. my site url is http://www.bestlittlecateringco.com
Also, is there a way to remove the caption on the pictures?
Thanks!
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.
@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.
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
@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;
}
Hi,
Building my very first website. I know I can use the featured slider in my website but I would like to have the slider in my header. Is that possible?
http://digidoc.be/wordpress
Thanks in advance.
Kind regards.
Betty
Hello everybody,
Please, I need some help in my site:
I want to know how can I increase the content width and decrease the sidebar width (no matter that then I have to change width of widgets), without changing the separation gap width between both?
I have tried to use this code but doesn´t work:
@media screen and (min-width: 1225px) {
#primary { width: 784px; }
#secondary { width: 376px; }
}
I have seen that margins from both (content and sidebar) fit vertically with featured images slider box size, so If I finally get to change width from both, is there a way to change featured image slider box width as well?
And a Finally question, is there a way that I can include a vertical line (or bar) in the separation gap between content and sidebar?
Thank you in advance!!
@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; }
Hi Sakin
Firstly a massive thank you for such an excellent, clean, responsive and FREE theme – I’m new to WP but using your them have already built the foundations of a site which is better than one I tried using a paid-for ‘premium’ theme. Great work!
I have one question – I understand how the featured image is used in the posts which are used to generate the slider content in Catch Everest Free, and I see that the page *title* and *content* are added too, superimposed on the slider image. I would like to use ONLY the excerpt – I saw the post
http://catchthemes.com/support-forum/topic/remove-title-and-excerpt-on-featured-slider/
already and edited the custom css with
#main-slider .entry-container { display: none; }
OK – which removes BOTH headings from the slider image. is there a way in which to keep the text generated by the post *content* and remove that which is generated by the post *title* please? Or, alteratively can i format the text (colour, size etc) of the text used by the title so its smaller, less bold etc – such that it looks like the non-bold text generated by the post content data? My ultimate aim being to have a small-ish easy to read bit of text overlaying each slider image..
My dev site currently:
thirdeyeyoga.co.uk/wp
Thanks again for the superb theme!
David
@suchi: If you are using Free Version of Catch Everest then you have to use Featured Post Slider which take the featured image of the post that is 1140p width and 450px height. BUt if you have pro version, you can use Image Slider where you can upload the image of any size you like as it’s independent image slider.
IN free version can you try uploading the smaller size image in the featured image of post. Maybe that will also work. I haven’t tried it.
@yoshimi233: If you are talking about the Featured Slider and Homepage Headline. Then you can add the following CSS in “Appearance => Theme Options => Custom CSS” box.
#homepage-message { margin-top: 0; }
Hello,
I just decided to use Catch Box for my blog. I began to create pages and published some testposts.
Strangely the title of the last page which is part of the top menu is shown on the blog stream directly beneath the featured slider in the style of a blog post. When I put the page into the paperbasket another page title simple appears on the same spot instead.
How can I fix that? Only Blog post are supposed to appear on the Blog page.
Thanks for help.
Jessil
To give you a little more info, below is all the CSS I have used. The first line of it, I just put in now to see if it helps for mobile devices, it didn’t make any difference.
img { max-width: 100%; }
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;}
@jp_grennier: But our slider also take the entire content area. Are you talking about the height then your slider is talking the height of your image. See your image it too large http://jpgrennier.com/wp-content/uploads/2013/10/sstest1.jpg . You can just upload the cropped small image and it will be fine.
But if you want the php wrapper. It’s not a problem. But I guess it has no use. See how to add it
// Adding New Slider Code
function catcheverest_child_slider() {
echo '<div id="main-slider" class="container">';
//Add in your code in betwwen this bracket
echo do_shortcode( '[SlideDeck2 id=281 ress=1]' );
echo '</div>';
}
add_action( 'catcheverest_before_main', 'catcheverest_child_slider', 10 );
ChellyLuttrelly.com
I’ve disabled the slider. I selected featured images for the posts so you can see the picture on the home page. If I choose a featured image on my computer it then replaces the header when you click on that blog post – which i do not like. It doesn’t do this if I pick a featured image from my phone. So I guess I can work around it by always picking the featured image from my phone instead of my computer but I’m hoping there is a way to fix it.
Also, I don’t understand why only the last blog post is showing up on my home page. They all used to show up and now only the last one is showing up. Any help or advice would be super awesome. Thank you!
@rgbarsanti: Simply add the following CSS in “Appearance => Theme Options => Custom CSS” box.
.featured { height: 250px; }
Both Featured Images currently in use are 976×320.
