[Mahesh]

Hi @tivonjohnson,

Can you please share the image which is not cropping as expected. We’ll try it on our server and let you know.

Regards,
Mahesh

[Mahesh]

Hi @spespam,

Thank you for your valuable review and rating. 🙂
As per your suggestion, we’ll try to make the next version more better.

Regards,
Mahesh

[Mahesh]

Hi @micke,

I assume there is already a <?php tag at the beginning of functions.php file. If the has been closed with ?> tag then you’ll need to <?php again but if the previous tag is not closed you don’t need <?php tag. you can omit the ?> tag at the end if there is in the code thereafter.
In php // is used for single line comment and /* */ is for multiple line comment. You can remove the line, the comment is just to make us easy what that function does.
Anyway you’ve fixed the issue and make it working, that is great.
Have a nice day.

Regards,
Mahesh

[Mahesh]

Hi @Roger,

Thank you for your appreciation.
Have a nice day!

Regards,
Mahesh

[Mahesh]

Hi @riccrom123,

Thank you for your appreciation.
Have a nice day!

Regards,
Mahesh

[Mahesh]

Hi @calmo16,

Seems you have put max-height for image in header which is causing the height to be limited. Add the following CSS to adjust the height:

#fixed-header-top #logo-icon img {
    max-height: 100px;
}

OR use the following CSS to automatically adjust the height as per the image size.

#fixed-header-top #logo-icon img {
    max-height: none;
}

Regards,
Mahesh

[Mahesh]

Hi @kaseynova,

Hiding sub-menu can be done with Custom CSS but displaying it only when menu item is clicked, this is not possible through theme option, you’ll need to hire a customizer. However, you can make it display on hover action, i.e. show sub-menu items when the menu item is hovered. If this is okay for you, go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS.

.sidebar .widget_nav_menu ul.menu .sub-menu {
    display: none;
}
  
.sidebar .widget_nav_menu ul.menu li:hover > .sub-menu {
    display: block;
}

Regards,
Mahesh

[Mahesh]

Hi @calmo16,

The above code is working fine on our server(local). It should work fine. May be some transient(cache) problem.

Regards,
Mahesh

[Mahesh]

Hi @calmo16,

Seems you’ve customized the theme’s structure.
Add the following CSS in “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box.

#logo-icon, #logo-icon img {
    width: 100%;
}

Regards,
Mahesh

[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 @andy,

You can use Custom CSS to achieve the changes for now. There is some issue in the theme and will be fixed in the next update.
Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add any of following code as required.
1. To change background for nav only

.menu.clean-box-nav-menu {
    background-color: #dd3333;
}

2. To change background for the whole header bar

#fixed-header-top {
    background-color: #dd3333;
}

Let me know if any problem.

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

[Mahesh]

Hi @sparta,

I tried to check your site, but it says “Sorry, our website is under construction.”
Is there a way to check you site?

Regards,
Mahesh

[Mahesh]

Hi @andy,

If you are using Catch Box Pro, this feature is already built-in Catch Box Pro. Go to “Dashboard=> Appearance=> Customize=> Colors=> Custom Color Options” and change color for Menu Background Color to your desired color. It will change the Menu’s background color.
Are you using Custom CSS for menu background color? If yes, the above option won’t work, it will be overridden by the Custom CSS.
Let me know if any problem and post in your site url.

Regards,
Mahesh

[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

[Mahesh]

Hi @nancyjas,

Thank you for your appreciation.
Have a nice day!

Regards,
Mahesh

[Mahesh]

Hi @tivonjohnson,

The image was correct at first and changed automatically after a week? That is kind of odd. Have you made any changes to the codes afterward. May be some plugins you are using created the issue. Please try again cropping the image manually and try again.
Let me know if any problem.

Regards,
Mahesh

[Mahesh]

Hi @kaseynova,

Please post in your site url.

Regards,
Mahesh

[Mahesh]

Hi @gk017,

No, shortcode still doesn’t work in Featured Content. But you can make it work with child theme. In child theme, you’ll need to override this function catchbase_featured_content_display located in catch-base-pro/inc/catchbase-featured-content.php.

Regards,
Mahesh

[Mahesh]

Hi @Roger,

Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS:

.home #content .wrapper {
    padding: 0;
}
  
.home #main .page .entry-header {
    display: none;
}
  
.home #main .entry-content h6 {
    margin-bottom: 0; 
}

Regards,
Mahesh

[Author]

Posts