@mindfulsami:
1. The problem you are having is because of inconsistency of the image size you are using. The recommend image size for Slider is Width: 1680px Height: 720px. Use image with similar dimensions and the problem will be resolved.
2. Featured Content seems to be fine.
3. Use image with same dimensions, Featured Grid Content uses image with 4:3 aspect ratio. Small grid image is Width: 420px Height: 283px and large grid image is Width: 840px Height: 565px. These sized image are auto generated by the theme.
Hope you understand. Let me know if any problem.
Regards,
Mahesh
This is my website: http://bemindfulyourecreative.com/
1) I cant seem to figure out why the boxes under the “featured slider” are offset.
2) this same problem occurs in the featured content as well.
3) lastly, is there a way to fix the “white space” that you see around the featured grid?
in the demo, there aren’t any borders/white space. (here https://catchthemes.com/demo/fabulous-fluid/)
HI @spot0608,
Here is what you need to do.
1. First move Featured Content To bottom. For that, goto Appearance=> Customize=> Featured Content=> Featured Content Options and check Check to Move above Footer option
2. Add function given here: http://pastebin.com/N826Eimi in your child theme’s functions.php file
This should achieve what you want. Please note the comment blocks and remove the unnecessary lines as I have given you solutions for Promotion Headline for both 3 and 4.
This should achieve following:
1) Featured Slider
2) Hero Content
3) * Promotion Headline
4) Header Highlight Content
5) * Promotion Headline
6) Portfolio
7) Static Front Page Content
8) Featured Content
9) Logo Slider
Regards,
Pratik
Hi Pratik,
Here is the theme folder structure:https://dl.dropboxusercontent.com/u/8699166/Theme%20folder%20structure.png
The version 4.7.1 theme is “catch-kathmandu-pro-3” (existing parent theme)
the version 4.8 theme is “catch-kathmandu-pro”
Child theme functions.php:
<?php
/**
* Child Theme functions and definitions
*
*/
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' );
}
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">
'. get_the_post_thumbnail( $post->ID, 'slider', array( 'title' => esc_attr( $title_attribute ), 'alt' => esc_attr( $title_attribute ), 'class' => 'pngfix' ) ).'
</figure>
<div class="entry-container">
<header class="entry-header">
<h1 class="entry-title">' . get_the_title() . '</h1>
<div class="assistive-text">'.catchkathmandu_page_post_meta().'</div>
</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
/**
* Loading Parent theme stylesheet
*
*/
Child theme styles.css header: https://dl.dropboxusercontent.com/u/8699166/Child%20theme%20styles.css%20header.png
Thanks
Roland
Hi Pratik,
thanks for your answer.
Unfortunately the page is not available on a public server yet. I just downloaded and installed the theme on my local server as a draft and activated all the frontpage sections with demo content. So the current order is the one from the installed original parallax frame like
1) Featured Slider
2) Hero Content
3) Header Highlight Content
4) Portfolio
5) Featured Content
6) Promotion Headline
7) Logo Slider
8) Static Front Page Content
I would like to have “Promotion Headline” on Position 3 or 4 and the “Static Front page content” on Position 4 or 5 so that for example the “Logo slider” is the last section.
Is there a file in which the order of the front page sections is set?
Thanks a lot
John
HI @aliceb,
Free version of the theme has Page Sliders. To achieve what you need, you need to upgrade to Pro. Pro version has Custom Featured Image Slider and then you can use # in link to not link it to anywhere.
Regards,
Pratik
Hi,
when i click on the title of slider in the homepage, it takes you to the reference page. How can i make the title not linkable to any page?
Hi Pratik,
The URL https://catchthemes.com/demo/catch-responsive-pro works fine on Moto G4 …featured slider and all.
On my site – USRTownSquare.org/blog/ – the featured images for individual posts sometimes show very large and the title *incorrectly* goes under the image.
Very unpredictable —- sometimes entire view is ok but overall too small.
Then sometimes looks perfect?????
Very confusing …problem seems to vary
Hello,
If I have the ‘Static Front Page’ enabled to show a static page, how do I change where it appears in relation to the other display areas on the front page?
By default it appears just above the footer and below all the different featured content sections. I would like for it to appear higher, below the Feature Slider but above the other sections.
An other option might be to disable this page somehow, and instead just use the Hero Content section.
Thanks!
Is there a way to set shading for the menu along the top and/or the text that appears on the featured slider?
I don’t really want to shade those entire images…and it occurs to me that I could try to put bands of shade in the correct places, but I reckon they’d fall out of place with different monitor sizes…
Hi.
I have this strange problem where the text in the featured image slider as well as the arrows on both sides has been replaced with white boxes. This happens in Chrome and Firefox but not Safari.
Any idea what’s causing this?
Thank you!
I am using a featured image slider on every page with the main menu located directly above the slider. When I try to click on the submenu that drops down over the slider, the submenu disappears and the featured image navigation arrows appear. This doesn’t always happen but it does most of the time. ie, the slider is being activated instead of the submenu. Is there a way to prevent this from happening?
@chi: Free version has limited features. You’ll need to add page with featured image and then select that page. And then the image set as featured image will be displayed as Featured Image, Slider etc. For custom images, I recommend you to upgrade to Pro version.
Regards,
Mahesh
@chi: The features in the theme are disabled by default. If you want to have similar look as of the demo. Go to Dashboard=> Appearance=> Customize:
=> Header Highlight Content and select Homepage/Frontpage or Entire Site in Enable Header Highlight Content on.
Do the same for Featured Slider, Featured Content and News Ticker and you are good to go.
Let me know if any problem.
Note: Please skip the reply on the other thread.
Regards,
Mahesh
@chi: Please post the problem in the correct Thread. You are using Clean Magazine, this is Wen Business Pro theme’s thread.
The features in the theme are disabled by default. If you want to have similar look as of the demo. Go to Dashboard=> Appearance=> Customize:
=> Header Highlight Content and select Homepage/Frontpage or Entire Site in Enable Header Highlight Content on.
Do the same for Featured Slider, Featured Content and News Ticker and you are good to go.
Let me know if any problem.
Regards,
Mahesh
I am using featured image size of 1144X450 for my post
the image is displayed in full size in the slider but once I click on the slider to read the full post the image not shown in full size
zinas.me
thanks
Hi @ipswichcatholic,
It is possible to reduce height of slider but will crop out the image. Try following code in Apperance=> Customize=> Theme Options=> Custom CSS box:
#feature-slider .cycle-slideshow {
height: 500px !important;
}
#feature-slider .entry-container {
top: 35%;
}
If you do not want the image to be cropped, then you will need to upgrade to Pro version and use Featured Image Slider rather than the Page Slider provided in free version.
Regards,
Pratik
hello,
I have chosen to have a homepage presenting my post under the slider. The featured picture appears with the following message “This is the excerpt for your very first post”. I don’t know why it doesn’t simply give the first 25 words of the text as it should do.
Until this morning I had no problem the text was here but I might have touched an option and change it>
Hi there,
I have my rough template working for my website and the Image slider is working. However, when the main image is displayed, the smaller thumbnail image disappears and it is completely white. Once the slider moves onto the next image, it reappears and the new image thumbnail disappears. How do I go about solving this?
Hi!
Firstly, love the theme, it looks great! But I just had a few things I’d like help with (apologies if they’re really dumb – I’m totally new to this).
1. When I set a featured image for my posts and enable the featured header, the featured image appears in the header AND just above the title of the post. I’d like it to just appear in the header – is that possible somehow?
Example: http://www.lostinthemidlands.com/2016/10/10/skydiving-in-queenstown/
2. I’d like to change the colour scheme of the comment box on my posts to match the rest of my site but can’t find the colour options to change it?
Example: http://www.lostinthemidlands.com/2014/02/23/libreria-acqua-alta/
3. The featured image slider on the homepage is a little different on my mobile site compared to desktop. On my computer the image that is currently displaying turns to a blank white box on the ribbon below (that shows all the featured images), whilst on my mobile it just displays the normal image and not a white box. I’d love it if my desktop version could look the same as the mobile one.
Thank you so much for your help!
Justine
Homepage: http://www.lostinthemidlands.com