[Pratik]

Hi DMP Lakshitha,

I looked at the site and it looks like you have added the menu to where you want using Footer Widgets.

Is this problem solved?

Please let me know.

Regards,
Pratik

[Pratik]

Hi @Jos,

Great, you solved the problem yourself.

Have a nice day.

Regards,
Pratik

[Pratik]

HI Alex,
Since you are using Catch Responsive Pro version, this feature is available. You can Setup Featured Image Slider to show a series of images from the media library. Instructions to add Featured Image Slider is here.

Let me know if you have any problem.

Regards,
Pratik

[Pratik]

Hi Erica,

By default, the tags will appear there. Make sure you have added tags to the post and they will appear there by default.

Regards,
Pratik

[Pratik]

HI Erica,
– can I choose some fixed images to show there? like the demo one but with pics I choose
* This is only possible if you upgrade to Clean Box Pro. Pro version has a Featured Image Slider, with which you can show custom images. Other features in pro version can be found here

– how do I prevent the featured image of a post from showing on top of the title on the home page? (if at all possible)
You can remove featured image by two ways.
1. By Going to Appearance=> Customize=> Theme Options => Archive Content Layout and selecting Show Full Content (No Featured Image) option. However, this will show the full content rather than the excerpt.
2. You can only remove the image and then then show excerpt too. But for this you will need to do some customization via child theme. For this, you need to do a bit of customization via child theme. First, you need to add the child theme for Clean Box. The details for child theme is here.
Then, in the child theme’s functions.php file, add following code:

/**
 * Template for Featured Image in Archive Content
 *
 * Override Parent theme's Template for Featured Image in Archive Content clean_box_archive_content_image to disable content image
 */
function clean_box_archive_content_image() {
	return;
}

[Pratik]

Hi Erica,
For to amend the width of the 3 columns in the footer and have text in a “text” widget to show in italics, you can add following CSS in Appearance=> Customize=> Theme Options => Custom CSS box:

#supplementary #first,
#supplementary #third {
    width: 330px
}
#supplementary #second {
    font-style: italic;
    width: 496px;
}

Regards,
Pratik

[Pratik]

Hi @wanderlust-effect,
For this, you need to do a bit of customization via child theme. First, you need to add the child theme for Clean Box. The details for child theme is here.

Then, in the child theme’s functions.php file, add following code:

/**
 * Override Parent theme primary menu function to show the Primary Menu With site branding
 *
 */
function clean_box_primary_menu() {
    $options  = clean_box_get_theme_options();
	?>
    <div id="fixed-header-top">
        <?php clean_box_site_branding(); ?>
        <div class="wrapper">
            <div id="mobile-primary-menu" class="mobile-menu-anchor fixed-primary-menu">
                <a href="#mobile-primary-nav" id="primary-menu-anchor" class="genericon genericon-menu">
                    <span class="mobile-menu-text screen-reader-text">
                        <?php esc_html_e( 'Menu', 'clean-box' ); ?>
                    </span>
                </a>
            </div><!-- #mobile-primary-menu -->

            <?php
                $logo_alt = ( '' != $options['logo_alt_text'] ) ? $options['logo_alt_text'] : get_bloginfo( 'name', 'display' );

                if ( isset( $options[ 'logo_icon' ] ) &&  $options[ 'logo_icon' ] != '' &&  !empty( $options[ 'logo_icon' ] ) ){
                     echo '<div id="logo-icon"><a href="' . esc_url( home_url( '/' ) ) . '" title="' . esc_attr( get_bloginfo( 'name', 'display' ) ) . '" rel="home">
                        <img src="' . esc_url( $options['logo_icon'] ) . '" alt="' . esc_attr( $logo_alt ). '">
                    </a></div>';
                }
            ?>

           <nav class="nav-primary search-enabled" role="navigation">
                <h1 class="assistive-text"><?php _e( 'Primary Menu', 'clean-box' ); ?></h1>
                <div class="screen-reader-text skip-link"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'clean-box' ); ?>"><?php _e( 'Skip to content', 'clean-box' ); ?></a></div>
                <?php
                    if ( has_nav_menu( 'primary' ) ) {
                        $clean_box_primary_menu_args = array(
                            'theme_location'    => 'primary',
                            'menu_class'        => 'menu clean-box-nav-menu',
                            'container'         => false
                        );
                        wp_nav_menu( $clean_box_primary_menu_args );
                    }
                    else {
                        wp_page_menu( array( 'menu_class'  => 'page-menu-wrap' ) );
                    }

                    ?>
            </nav><!-- .nav-primary -->

            <div id="header-toggle">
                <a href="#header-toggle-sidebar" class="genericon"><span class="header-toggle-text screen-reader-text"><?php _e( 'Show Header Sidebar Content', 'clean-box' ); ?></span></a>
            </div>

            <div id="header-toggle-sidebar" class="widget-area displaynone" role="complementary">
                <?php if ( is_active_sidebar( 'header-toggle' ) ) { ?>
                    <?php dynamic_sidebar( 'header-toggle' ); ?>
                <?php
                }
                else { ?>
                    <section class="widget widget_search" id="header-serach">
                        <?php get_search_form(); ?>
                    </section>

                    <?php

                    if ( '' != ( $clean_box_social_icons = clean_box_get_social_icons() ) ) { ?>
                        <section class="widget widget_clean_box_social_icons" id="header-social-icons">
                            <div class="widget-wrap">
                                <?php echo $clean_box_social_icons; ?>
                            </div>
                        </section>
                    <?php
                    }
                }
                ?>
            </div><!-- #header-toggle-sidebar -->
        </div><!-- .wrapper -->
    </div><!-- #fixed-header-top -->
    <?php
}

/*
 * Remove Site branding from its current hook on Parent theme
 */
function clean_box_remove_site_branding_hook() {
	remove_action( 'clean_box_header', 'clean_box_site_branding', 70 );
}
add_action( 'init', 'clean_box_remove_site_branding_hook' );

There are two function. First one overrides the Parent theme function to show site title and tagline above primary menu.

The second function removes the current site title.

For changing the font of site title, you can add following CSS in Appearance=> Customize=> Theme Options => Custom CSS box:

.site-title {
    font-family: "Times New Roman", Georgia, Serif;
}

You can change font-family to your desired font. To know more about font family, you can visit this link.

Let me know if this solves your problem or not.

Regards,
Pratik

[Pratik]

Hi Erica,

For sidebar and post space, add following code to Appearance=> Customize=> Theme Options => Custom CSS box:
`
#main {
width: 810px;
}
.sidebar-primary section{
margin-bottom: 10px;
}
‘

For image in text widget, you need to know a bit of Html. You can add it by adding htnl code. Its details are here.

Let me know how this works out.

Regards,
Pratik

[Pratik]

HI @marga,

If there are small changes, it is recommended to use Custom CSS from theme options. If there are a lot of changes(like revamping the whole site), then the CSS from editor should be used.

Installing both Catch Web Tools and our theme should not have a problem with Custom CSS, unless they both have different CSS on the same element. In which case, there might be conflicts where only one will work.

If it has worked, then there is no need for backend access. In future, if this possesses problems, then we can look into it again.

Let me know if you have anything else.

Regards,
Pratik

[Pratik]

HI @marga,

It should have worked, unless it is enqueued before the parent theme css(you can see it in functions.php file) or if any other source overrides the CSS.

Custom CSS is pushed at the furthest header as possible, so that there are no conflicts. Maybe this is the reason, but I cannot say for sure unless I see all the files.

Regards,
Pratik

[Pratik]

Hi Robyn,

Pro Themes cannot be updated as free themes. To update pro themes, you need to follow the instructions here

[Pratik]

Hi,
I am glad it worked out.

Regards,
Pratik

[Pratik]

Hi,
There is some error in your custom CSS. I have removed that error. Please remove all that code and add following code:

#header-left {
	float: none;
	text-align: center;
	width: 100%;
}
#site-logo {
	display: block;
	float: none;
	margin: 0 auto;
	width: auto;
}

#site-logo a {
	display: inline-block;
}

.category .page-header { 
	display: none; 
}

.archive #content .hentry {
	height: 1%;
	overflow: hidden;
}

.archive .entry-header .entry-title {
	font-size: 20px; line-height: 0,5;
}

#content article {
	margin-bottom: 15;
	padding-bottom: 0;
}

#content .entry-summary {
	padding: 0;
}

#content .entry-summary p {
	margin-bottom: 0;
}

#content .post .entry-header {
	margin-bottom: 0;
}

.entry-meta { 
	display: none; 
}

#hgroup-wrap, #site-logo {
	margin: 0 0 -10px;
	padding: 0;
}

Your site is coming soon mode so I could not check it completely,

Regards,
Pratik

[Pratik]

HI @captain eo,

Can you refresh your cache?

The mobile menu is loading fine. We have upgraded the menu, so now it will slide from left.

Also, I cannot find skip to content.

Regards,
Pratik

[Pratik]

Hi @captain eo,

Hover has that effect. You can remove that too by adding following code after the code provided previously:

a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img,
a:hover img.wp-post-image,
a:focus img.wp-post-image,
.gallery-thumb a:hover img.attachment-thumbnail,
.gallery-thumb a:focus img.attachment-thumbnail {
    border: none;
    background:none;
}

Final note, it looks like you are using version 3.3 of catch-box. It is recommended to upgrade the theme to latest version. But please take a backup of your database and files before you upgrade though, as the version is a lot far back.

Regards,
Pratik

[Pratik]

Hi @Saknet,

Great you worked it out yourself. Have a great day.

Regards,
Pratik

[Pratik]

Hi @husker,

I am glad you worked it out yourself. This is due to the reason that if there is no Featured Image in Page/Post, the first image from its content is picked out and used. Some users place it in content and complain that the image is not coming up. So, we added a feature to accommodate those users. I hope you understand.

Regards,
Pratik

[Pratik]

Hi @marga,

Our theme does not have a custom.css. It must be from some plugin.

Regards,
Pratik

[Pratik]

hi @captain eo,

To remove the boxes, add following CSS code in “Appearance=> Theme Options=> Custom CSS” box

img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img, img.wp-post-image, img.attachment-thumbnail {
    border: none;
}

Let me know if this works or not.

Regards,
Pratik

[Pratik]

HI @Sanket,

I am viewing your site and currently 10 posts are being displayed in main blog page and one is displayed after Previous button is pressed, i.e. all 11 are being shown. Is there anything I am missing?

Regards,
Pratik

[Author]

Posts