[Mahesh]

Hi @Kath Wayne-Spindler,

Thank you for upgrading to Catch Evolution Pro.
What error do you get?
You can either upload via WordPress admin panel or FTP. Please refer to this link: Catch Flames Pro Installation.

Let me know if any problem.

Regards,
Mahesh

[Mahesh]

Hi @ibrahim,

Thank you for using Catch Evolution Pro.
The above can be achieved with Custom CSS. Go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and add the following CSS.
1. Resize content and right sidebar.

@media screen and (min-width: 1225px) {
	.three-columns #primary {
    		width: 630px;
	}

	.three-columns #secondary {
    		width: 260px;
	}
}

@media screen and (min-width: 1061px) and (max-width: 1224px) {
	.three-columns #primary {
    		width: 494px;
	}

	.three-columns #secondary {
    		width: 230px;
	}
}

@media screen and (min-width: 1025px) and (max-width: 1059px) {
	.three-columns #primary {
    		width: 440px;
	}

	.three-columns #secondary {
    		width: 200px;
	}
}

Note: You may change the width as required.

2. Close the space between the post.

#content .hentry {
	border-bottom: none;
	margin-bottom: 0;
}

#content .hentry:last-of-type {
	border-bottom: 1px solid #ddd;
	margin-bottom: 40px;
}
  
@media screen and (min-width: 1061px) and (max-width: 1224px) {
	#content .hentry:last-of-type {
		margin-bottom: 30px;
	}
}
  
@media screen and (max-width: 676px) {
	#content .hentry:last-of-type {
		margin-bottom: 15px
	}
}

Regards,
Mahesh

[Mahesh]

Hi @champac,

For placeholder’s color changing only, replace the following CSS

#masthead .search-field {
    color: #0000ff;
}

with the following CSS:

#masthead .search-field::-moz-placeholder {
    background-color: #00ffff;
    color: #ffff00;
}
#masthead .search-field::-webkit-input-placeholder {
    background-color: #00ffff;
    color: #ffff00;
}

What type of button do you want to add and where, please clarify more.
Let me know if this helped.

Regards,
Mahesh

[Mahesh]

Hi Didier,

1. To make the menu text white, use this CSS.
#hgroup-wrap .sb-holder a {
color: #fff;
}

2. In view with width 569px to 767px, there are two menu showing and this is not good. The following CSS will give hide one menu till 569px and the displays the mobile menu (.sb-holder) normally in the mobile view.

Let me know if this solved your issue.

Regards,
Mahesh

[Mahesh]

Hi @Shana Shanti,

Thank you for using Catch Evolution Pro.
Could you please clarify more one the issue.
We would like to help you as far as possible. Where actually was the background showing previously? And the slider, did it work at the begining? Please make sure Enable Slider is not set to Disable have enabled slider in “Dashboard=> Appearance=> Customize=> Featured Slider=> Slider Option”

Let me know further.

Regards,
Mahesh

[Mahesh]

Hi @Dan,

For this, you can have category name in the menu instead. Go to “Dashboard=> Appearance=> Menu”, select your menu then click on categories accordion and select the categories you wanted and click Add to Menu. And then save the menu. Check in the frontend you’ll see the selected categories listed in the menu. And the page shows the list of post with related categories just as your requirement.

Let me know if any problem.

Regards,
Mahesh

[Mahesh]

Hi @Didier,

I saw two menus displaying at some point. Go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and add the following CSS.

@media screen and (min-width: 569px){
	.sb-holder {
		display: none;
	}
}

Let me know if this helps.

Regards,
Mahesh

[Mahesh]

Hi @Michelle,

Just checked your site and the video embedded is working fine with the audio. Please make sure your system’s sound is working.

Let me know if I can help you further.

Regards,
Mahesh

[Mahesh]

Hi @Michelle,

Please post in your site url.

Regards,
Mahesh

[Mahesh]

Hi @DJ,

Thank you for using Catch Responsive Pro.
Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS.

@media screen and (min-width: 1101px) {  
  .logo-left #site-header {
    margin-top: 40px;
  }
}

Regards,
Mahesh

[Mahesh]

Hi @shahirahibrahim,

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

/* Align menu to center */
.catchbase-nav-menu li {
      float: none;
  }
  
.nav-primary.search-enabled .menu {
    float: none;
    text-align: center;
}

ul.sub-menu {
    text-align: left;
}

/* Removing social media icons below logo */
.sidebar.sidebar-header-right.widget-area {
    display: none;
}

/* Align copyrights to center */
#footer-left-content, #footer-right-content {
    display: inline;
    float: none;
}

#site-generator {
    text-align: center;
}

Regards,
Mahesh

[Mahesh]

Hi @[email protected],

The feature you’ve mentioned is No Sidebar (Full Width) layout and is already built-in in Catch Responsive Pro version. I recommend you to upgrade to Pro.

But if you prefer to have it in Catch Responsive, go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS.

.no-sidebar.content-width #main {
    width: 100%;
}

Regards,
Mahesh

[Mahesh]

Hi @champac,

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

@media screen and (min-width: 481px) {
    #masthead .search-field {
        max-width: 350px;
        width: 350px;
    }
}

#masthead .search-field {
    color: #0000ff;
}

Note: Please change the color to your desired color’s hex value.

Regards,
Mahesh

[Mahesh]

Hi Cattext,

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

.menu.l_tinynav2 {
    text-align: center;
}

#header-menu ul.menu li {
    float: none;
    display: inline-block;
}

ul.sub-menu {
    text-align: left;
}

Regards,
Mahesh

[Mahesh]

Hi srw17,

For featured gird, as mentioned in theme instruction, use an image of 800×450 pixels it fits perfectly in the featured grid. And yes it fits the grid at any responsive screen size.

Let me know if any problem.

Regards,
Mahesh

[Mahesh]

Hi @Dan,

Sorry, we didn’t mean to disappoint you. Once you do some customization on your theme, the code would have changed from what it is in the main theme and we won’t be able to check all your codes that is why it is beyond our theme support scope.
For you above problem you can achieve it with category page options to. That will list the post of certain category. If that would work for you, I would be happy to provide you with the solution.

Regards,
Mahesh

[Mahesh]

Hi @Priscilla,

Have you tried changing the theme to the WordPress core/default themes? Let me know if the problem persists.

Regards,
Mahesh

[Mahesh]

Hi @dbevarly,

From when is the issue occuring. Have you made any changes that is causing the issue? Does the problem occurs after changing to core themes too?
Let us know, we’ll be able to help you further.

Regards,
Mahesh

[Mahesh]

Hi @Dan,

Seems you’re using page template and running the queries to list out the post of certain categories. This won’t work like that. Since this is part of customizaion and is beyond theme support scope, you’ll need to hire a customizer.

Regards,
Mahesh

[Mahesh]

Hi @rybak66zuo,

You’ll need to do some customization for it. First of all, you’ll need to create a child theme. You can find more details on creating child theme HERE. Then in child theme’s functions.php add the following codes.

//
// Move Social icons from search to header as in gridalicious
//
function clean_box_primary_menu() {
    $options  = clean_box_get_theme_options();
	?>
    <div id="fixed-header-top">
        <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
                }
                ?>
            </div><!-- #header-toggle-sidebar -->
        </div><!-- .wrapper -->
    </div><!-- #fixed-header-top -->
    <?php
}

function clean_box_site_branding() {
		$options 			= clean_box_get_theme_options();

		//Checking Logo
		if ( '' != $options['logo'] && !$options['logo_disable'] ) {
			$clean_box_site_logo = '
			<div id="site-logo">
				<a href="' . esc_url( home_url( '/' ) ) . '" title="' . esc_attr( get_bloginfo( 'name', 'display' ) ) . '" rel="home">
					<img src="' . esc_url( $options['logo'] ) . '" alt="' . esc_attr(  $options['logo_alt_text'] ). '">
				</a>
			</div><!-- #site-logo -->';
		}
		else {
			$clean_box_site_logo = '';
		}

		$clean_box_header_text = '
		<div id="site-header">
			<h1 class="site-title"><a href="' . esc_url( home_url( '/' ) ) . '">' . esc_html( get_bloginfo( 'name' ) ) . '</a></h1>
			<h2 class="site-description">' . esc_html( get_bloginfo( 'description' ) ) . '</h2>
		</div><!-- #site-header -->';

		$social_div = '';

		if ( '' != ( $clean_box_social_icons = clean_box_get_social_icons() ) ) {
            $social_div = '<section class="widget widget_clean_box_social_icons" id="header-social-icons">
                <div class="widget-wrap">'.
                    $clean_box_social_icons .'
                </div>
            </section>';

        }

		$text_color = get_header_textcolor();
		if ( '' != $options['logo'] && !$options['logo_disable'] ) {
			if ( ! $options['move_title_tagline'] && 'blank' != $text_color ) {
				$clean_box_site_branding  = '<div id="site-branding" class="logo-left">';
				$clean_box_site_branding .= $clean_box_site_logo;
				$clean_box_site_branding .= $clean_box_header_text;
			}
			else {
				$clean_box_site_branding  = '<div id="site-branding" class="logo-right">';
				$clean_box_site_branding .= $clean_box_header_text;
				$clean_box_site_branding .= $clean_box_site_logo;
			}

		}
		else {
			$clean_box_site_branding	= '<div id="site-branding">';
			$clean_box_site_branding	.= $clean_box_header_text;
		}

		$clean_box_site_branding 	.= '</div><!-- #site-branding-->';
		$clean_box_site_branding 	.= $social_div;

		echo $clean_box_site_branding ;
	}

Then go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS.

#site-branding {
		float: left;
		display: inline-block;
		width: auto;
		text-align: left;
	}
	#header-social-icons {
		float: right;
		display: inline-block;
	}
@media screen and (max-width: 480px){
	#site-branding, #header-social-icons {
			float: none;
			width: 100%;
			text-align: center;
		}
	}

.site .widget_clean_box_social_icons .genericon {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 20px;
    box-sizing: content-box;
    color: #404040;
    margin: 0 0 5px 5px;
    padding: 6px;
}

.site .widget_clean_box_social_icons .genericon:hover {
    border: none;
}

Regards,
Mahesh

[Author]

Posts