[Mahesh]

Hi Micke,

I thought you meant to change fonts for post title title, the above CSS won’t change the font for page titles. If you want to change all titles in content, use the following CSS.

#content .entry-title > a {
    font-family: comic sans ms;
}

OR

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

OR

#content .entry-title > a {
    font-family: "Lucida Handwriting";
}

Note: If you want to use custom fonts, you’ll have to first import that font then only you can use it.

Regards,
Mahesh

[Mahesh]

Hi champac,

Thank you for 5 star rating and your valuable review.
You’re awesome!!! Have a nice day. 🙂

Regards,
Mahesh

[Mahesh]

Hi mescomptoirs,

Seems you’ve add a lot of Custom CSS in jetpack. When I removed all the Custom CSS from jetpack for in your site with firebug for checking, your site is working fine and is responsive too. So the problem is because of Custom CSS.
Changing colors etc won’t create such problem but changing or fixing width does. As you’ve mentioned that you’ve changed the size of #main and #content this may cause problem in responsive design. As checking you site, you’ve some CSS to make .one-column .site width to 1000px (fixed width – not applicable for responsive design).
You have to change the CSS for this, i.e. changing the width as per the display width changes.

Let me know if can help you further.

Regards,
Mahesh

[Mahesh]

Hi Micke,

Please post in you site url.
Which font type are you trying to change the title to?

Regards,
Mahesh

[Mahesh]

Hi jdg199,

Checking your site, you have Blog item in the menu, and currently you are using Category blog for it. And all the posts of blog category will be listed here. This is okay. But what I recommend is create a blog page and select that blog page for displaying the posts. As you are already using a static page setting, this won’t be a problem I guess.
All posts are blogs itself, so why it is necessary to put in all blog category? As for example of category, say you have a post related to Science, then you’ll post it in Science category. And another post say related to Environment which you’ll post to Environment category.
This is where you want to use the blog page, to display all the blog posts regardless of the category. All the latest posts from all category or selected categories from Homepage/Frontpage Settings will displayed here. And if you want to list the posts from specific category then the category menu that you are now using comes in handy.

Hope you understand. Let me know if any problems.

Regards,
Mahesh

[Mahesh]

Hi @husker,

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

@media screen and ( max-width: 1200px ) {
    .menu.catchresponsive-nav-menu li a {
        font-size: 14px;
    }
}

Regards,
Mahesh

[Mahesh]

Hi Tatsujin,

For this 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.

function simplecatch_child_widgets_init() {

	/* Register Widgets */
	//Below Header
	register_sidebar( array(
		'name'          => __( 'Below Header', 'simple-catch' ),
		'id'            => 'below-header',
		'description'   => __( 'This is Below Header widget area', 'simple-catch' ),
		'before_widget' => '<aside id="%1$s" class="widget %2$s">',
		'after_widget'  => '</aside>',
		'before_title'  => '<h3 class="widget-title">',
		'after_title'   => '</h3><hr/>'
	) );
	//After Main Content
	register_sidebar( array(
		'name'          => __( 'After Main Content', 'simple-catch' ),
		'id'            => 'after-content',
		'description'   => __( 'This is After Main Content widget area', 'simple-catch' ),
		'before_widget' => '<aside id="%1$s" class="widget %2$s">',
		'after_widget'  => '</aside>',
		'before_title'  => '<h3 class="widget-title">',
		'after_title'   => '</h3>'
	) );
}
add_action( 'widgets_init', 'simplecatch_child_widgets_init' );

function simplecatch_child_below_header_widget(){
	simplecatch_menu(); //Remove this function if you do not want the primary menu
	if ( is_active_sidebar( 'below-header' ) ) {
		dynamic_sidebar( 'below-header' );
	}
}
add_action( 'simplecatch_before_main', 'simplecatch_child_below_header_widget', 10 );

add_action( 'init' , 'simplecatch_child_remove_primary_menu');
function simplecatch_child_remove_primary_menu() {
    remove_action( 'simplecatch_after_headercontent', 'simplecatch_menu', 15 );
}

function simplecatch_child_after_content_widget(){
	if ( is_active_sidebar( 'after-content' ) ) {
		dynamic_sidebar( 'after-content' );
	}
}
add_action( 'simplecatch_after_main', 'simplecatch_child_after_content_widget', 10 );

This will add widget areas to your specified places in your site. You may have some design issue for which you’ll need to hire a customizer.

Need more clarification on your third point. Please clarify.

Regards,
Mahesh

[Mahesh]

Hi @dmash26,

I’am afraid its not possible without customization to theme. You have to create child theme for this and add in the code manually.

Regards,
Mahesh

[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

[Author]

Posts