[Mahesh]

Hi @Esaw,

Please post in your site url.

Regards,
Mahesh

[Mahesh]

Hi @coorsleftfield,

For the above change, you’ll need to create a child theme. You can find more details on creating a child theme HERE. Then in your child theme’s functions.php add the following codes.

function catchresponsive_primary_menu() {
    ?>
	<nav class="nav-primary search-enabled" role="navigation">
        <div class="wrapper">
        	<?php
	        	/* Site Branding Start*/
	        	$options 			= catchresponsive_get_theme_options();
	        	//Checking Logo
				if ( '' != $options['logo'] && !$options['logo_disable'] ) {
					$catchresponsive_site_logo = '
					<div id="nav-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><!-- #nav-site-logo -->';
				}
				else {
					$catchresponsive_site_logo = '';
				}

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

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

				}
				else {
					$catchresponsive_site_branding	= '<div id="nav-site-branding">';
					$catchresponsive_site_branding	.= $catchresponsive_header_text;

				}

				$catchresponsive_site_branding 	.= '</div><!-- #nav-site-branding-->';

				echo $catchresponsive_site_branding ;

			/* Site Branding End*/

        	?>
            <h1 class="assistive-text"><?php _e( 'Primary Menu', 'catch-responsive' ); ?></h1>
            <div class="screen-reader-text skip-link"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'catch-responsive' ); ?>"><?php _e( 'Skip to content', 'catch-responsive' ); ?></a></div>
            <?php
                if ( has_nav_menu( 'primary' ) ) {
                    $catchresponsive_primary_menu_args = array(
                        'theme_location'    => 'primary',
                        'menu_class'        => 'menu catchresponsive-nav-menu',
                        'container'         => false
                    );
                    wp_nav_menu( $catchresponsive_primary_menu_args );
                }
                else {
                    wp_page_menu( array( 'menu_class'  => 'menu catchresponsive-nav-menu' ) );
                }

                ?>
                <div id="search-toggle" class="genericon">
                    <a class="screen-reader-text" href="#search-container"><?php _e( 'Search', 'catch-responsive' ); ?></a>
                </div>

                <div id="search-container" class="displaynone">
                    <?php get_Search_form(); ?>
                </div>
    	</div><!-- .wrapper -->
    </nav><!-- .nav-primary -->
    <?php
}

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

#nav-site-branding {
    left: 15px;
    position: absolute;
    top: -65px;
}

.menu.catchresponsive-nav-menu {
    margin-left: 300px;
}

#site-branding {
    display: none;
}
@media screen and ( min-width: 991px ) and ( max-width: 1100px ) {
    #nav-site-branding img {
        max-width: 90%
    }

    .menu.catchresponsive-nav-menu {
        margin-left: 250px;
    }
}

@media screen and ( max-width: 990px ) {
    #site-branding {
        display: block;
    }
    #nav-site-branding {
        display: none;
    }
}

Regards,
Mahesh

[Mahesh]

Hi @adunning,

The header image in Catch Everest is used for the logo and the recommended size is 300x125px. If you want to use large images you can use it too. You can either crop the image to your desired size or just skip cropping if you want the full image to be displayed.

Regards,
Mahesh

[Mahesh]

Hi @Keith,

Just checked your site, seems the slider is working fine. Do you mean the navigation in the slider not working properly and click on Next or Prev button redirecting you to the post page instead?
That is because you have an error in your Custom CSS. Go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and find the below line

@media screen and (min-width: 1360px) {
	.site {
	    max-width: 1300px;
	    width: 100%;
	}

You have a } missing which should be like

@media screen and (min-width: 1360px) {
	.site {
	    max-width: 1300px;
	    width: 100%;
	}
}

And this will fix your problem.

Regards,
Mahesh

[Mahesh]

Hi @Nancy,

Glad to see that you’ve managed to customize much by yourself. 🙂
For the colors as you’ve mentioned, use the following CSS.

#breadcrumb-list .breadcrumb a {
    color: #5a5a5a;
    background-color: #fff;
}
#breadcrumb-list .breadcrumb-current {
    color: #f2f2f2;
    background-color: #fff;
}

Let me know if any problem.

Regards,
Mahesh

[Mahesh]

Hi @mescomptoirs,

Seems you are using some Custom CSS and that is creating the issue.
http://www.mescomptoirs.fr/?custom-css=1&csblog=1&cscache=6&csrev=51 is that CSS. Have you used any plugins for it? Try disabling it and it will fix the issue.

Regards,
Mahesh

[Mahesh]

Hi @ibrahim,

1. For reducing space in comment, add the following CSS.

#respond .comment-form-author, 
#respond .comment-form-comment {
    margin: -10px 0;
}
#respond .comment-form-email {
    margin-top: 0;
}

2. Align image of each post to the center

.blog #content .post .entry-summary img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

3. Do you mean One thought on “Title Of the Post” ? It is normal. And about the reply button. Well if you just fill up the comment section on the Leave a Reply at the below, it will add up a new comment to a post. But if you click on Reply, then fill up the comment form on the Leave a Reply it will add a comment as a reply to that particular comment. Hope I made you clear on this.

Let me know if any problem.

Regards,
Mahesh

[Mahesh]

Hi @champac,

Thank you for your appreciation. If you like my support and Catch Responsive theme then please support by providing your valuable review and rating at https://wordpress.org/support/view/theme-reviews/catch-responsive?rate=5#postform

Have a nice day!

Regards,
Mahesh

[Mahesh]

Hi @Nancy,

For removing title of every page, use the following CSS.

.page #main .entry-container .entry-header {
    display: none;
}

Regards,
Mahesh

[Mahesh]

Hi champac,

Please use the following code instead of the above. It will add the image in the link with text.
$output = '<a id="custom-link-1" class="custom-btn" href="your-url" title="Title"><img src="link to your image" title="Title" />Link 1</a><a id="custom-link-2" class="custom-btn" href="your-url" title="Title"><img src="link to your image" title="Title" />Link 2</a>';

Note: Replace title, link, image src to your desired title, link and image links.

Then add following styles in Custom CSS.

.custom-btn img {
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

Regards,
Mahesh

[Mahesh]

Hi @Nancy,

This can be fixed with Custom CSS. Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS.

.home #main .entry-container .entry-header {
    display: none;
}

.
This will hide the home title from the static page.

Regards,
Mahesh

[Mahesh]

Hi @baden2016,

1. Make the logo in the header center.
Go to “Dashboard=> Appearance=> Customize=> Custom CSS” box and add the following CSS.

#site-branding {
  float: none;
}
.wrapper {
    text-align: center;
}

2. Please clarify more on second point. I quite didn’t understand your issue.

Let me know further.

Regards,
Mahesh

[Mahesh]

Hi @Nancy,

Thank you for using Full Frame Pro.

For first option, you have to do some customization. First create a child theme. You can find more about creating child theme here. Then override “fullframe_primary_menu” function from child theme.

For second option, it is quite easy one, just have to make some changes in settings. Go to “Dashboard=> Appearance=> Customize=> Theme Options
=> Fixed Header Top Options” then check on Check to disable Header Toggle and Check to disable Header Right Sidebar. Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Site Identity” and check on Display Header Text then check on Check to disable logo. It will remove the right toggle button and the menu below the header.

Regards,
Mahesh

[Mahesh]

Hi @Kenta,

For changing size of hamburger icon, add the following CSS.

.mobile-menu-bar:before {
    font: 25px/1 Genericons;
}

Shifting position depends on where you want to shift the icons.

Regards,
Mahesh

[Mahesh]

Hi @John

Thank you for using Catch Everest Pro.
I am a bit confused on why you are using category blog for blog posts. You can create a page “Blog” then go to “Dashboard=> Settings=> Reading” and select “A static page” option then choose “Blog” from Posts page drop down.
If you prefer to use archive as you’re using now, creating static blog page step can be skipped.
Then go to “Dashboard=> Appearance=> Theme Options=> Layout Options” and select “Excerpt/Blog Display” in Content Layout. This will display summary for your blog.

Let me know if this helped.

Regards,
Mahesh

[Mahesh]

Hi Micke,

You can achieve it with Custom CSS. Go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and add the following CSS.

#content .post .entry-title > a {
    font-family: Times New Roman;
}

Note: Please change the font-family to your desired font.

Regards,
Mahesh

[Mahesh]

Hi @ibrahim,

Discard the above styles and use the following CSS instead.
1. For much wider content, please use the following CSS:

@media screen and (min-width: 1225px) {
        .three-columns #primary {
                width: 690px;
        }
        .three-columns #secondary {
                width: 200px;
        }
}
@media screen and (min-width: 1061px) and (max-width: 1224px) {
        .three-columns #primary {
                width: 534px;
        }
        .three-columns #secondary {
                width: 190px;
        }
}
@media screen and (min-width: 1025px) and (max-width: 1059px) {
        .three-columns #primary {
                width: 460px;
        }
        .three-columns #secondary {
                width: 180px;
        }
}
  
@media screen and (min-width: 961px) and (max-width: 1024px) {
        .three-columns #primary {
                width: 520px;
        }
        .three-columns #secondary {
                width: 180px;
        }
}

2. To narrow the space between posts, add the following CSS.

.hentry {
    margin-bottom: 10px;
}

3. For round border in content and sidebar, add the following CSS.

.hentry, .widget {
    border-radius: 10px;
}

4. To remove website column and change background color, add the following CSS.

/* Remove website column */
.comment-form-url {
    display: none;
}
/* Change background color */
#respond {
    background-color: #00ffff;
}

Note: please adjust the style such as border-radius, background-color etc. as required.

Regards,
Mahesh

[Mahesh]

Hi @shana-shanti,

It seems it is in Custom CSS. But if you can’t find it, try adding the following styles in Custom CSS at the bottom and let me know if it helped.

#main {
    background-color: transparent;
}

Regards,
Mahesh

[Mahesh]

Hi @andrewf90,

It would be difficult for us to fix after code customization, and where actually the change is causing the trouble. For changing → to … you can go to “Dashboard=> Appearance=> Customize=> Theme Options=> Excerpt / More Tag Settings” and replace → with … and click save.

Regards,
Mahesh

[Mahesh]

Hi @Esaw,

Please post in your site url.

Regards,
Mahesh

[Author]

Posts