[Mahesh]

Hi @andrewf90,

Hehe, thats kind of funny. 🙂
Yes, you do have to click save menu button everytime you change something to it.

Regards,
Mahesh

[Mahesh]

Hi @andrewf90,

It is kind of odd, in our server it is working fine. Do you get any error or something?
Let me know if any issue.

Regards,
Mahesh

[Mahesh]

Hi @andrewf90,

The code is working fine on our server (localhost). Have you activated the child theme? 🙂

Regards,
Mahesh

[Mahesh]

Hi @Tatsujin,

Will contact you through email privately for the details.
And as for you 3rd point, you would not need a widget area, you can achieve it with Custom CSS. Go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and add the following CSS.

.home #main {
    display: none;
}

Regards,
Mahesh

[Mahesh]

Hi @andrewf90,

No, there is no limit for the child menu items, you can add as many items as you want. Seems all you items are in parent and not as child, so all items are displaying at once. Or may be you’ve selected the other menu instead. Go to “Dashboard=> Appearance=> Menus” then select a menu from the drop down then scroll down to the bottom to Menu Setting section and please check on Primary menu in Theme locations.

Regards,
Mahesh

[Mahesh]

Hi @andrewf90,

You need to create a child theme for this. You can find more details on creating a child theme HERE. Then your child theme’s functions.php add the following code.

function catchflames_child_adjust_footer_two_widget(){
	//Footer Two Sidebar
	register_sidebar( array(
		'name' => __( 'Footer Area Two', 'catch-flames' ),
		'id' => 'sidebar-3',
		'description' => __( 'An optional widget area for your site footer', 'catch-flames' ),
		'before_widget' => '<aside id="%1$s" class="widget %2$s">',
		//'after_widget' => "</aside>",
		'before_title' => '<h3 class="widget-title">',
		'after_title' => '</h3>',
	) );
}

add_action( 'init', 'catchflames_child_adjust_footer_two_widget' );

Then create a file in you child theme’s folder and name it sidebar-footer.php and the following codes:

<?php
/**
 * The Footer widget areas.
 *
 * @package Catch Themes
 * @subpackage Catch Flames
 * @since Catch Flames 1.0
 */
?>

<?php
	/* The footer widget area is triggered if any of the areas
	 * have widgets. So let's check that first.
	 *
	 * If none of the sidebars have widgets, then let's bail early.
	 */
	if ( ! is_active_sidebar( 'sidebar-2'  )
		&& ! is_active_sidebar( 'sidebar-3' )
		&& ! is_active_sidebar( 'sidebar-4'  )
	)
		return;
	// If we get this far, we have widgets. Let do this.
?>

<?php
/**
 * catchflames_before_footer_sidebar hook
 */
do_action( 'catchflames_before_footer_sidebar' ); ?>

<div id="footer-sidebar">
    <div id="supplementary" <?php catchflames_footer_sidebar_class(); ?>>
        <div class="wrapper">
            <?php if ( is_active_sidebar( 'sidebar-2' ) ) : ?>
            <div id="first" class="widget-area" role="complementary">
                <?php dynamic_sidebar( 'sidebar-2' ); ?>
            </div><!-- #first .widget-area -->
            <?php endif; ?>

            <?php if ( is_active_sidebar( 'sidebar-3' ) ) : ?>
            <div id="second" class="widget-area" role="complementary">
                <?php dynamic_sidebar( 'sidebar-3' ); ?>
                <?php if (is_user_logged_in()) : ?> <a href="<?php echo wp_logout_url(get_permalink()); ?>">logout | </a>
                <?php else : ?> <a href="<?php echo wp_login_url(get_permalink()); ?>">login | </a>
                <?php endif;?> </aside>
            </div><!-- #second .widget-area -->
            <?php endif; ?>

            <?php if ( is_active_sidebar( 'sidebar-4' ) ) : ?>
            <div id="third" class="widget-area" role="complementary">
                <?php dynamic_sidebar( 'sidebar-4' ); ?>
            </div><!-- #third .widget-area -->
            <?php endif; ?>
        </div><!-- .wrapper -->
    </div><!-- #supplementary -->
</div><!-- #footer-sidebar -->

<?php
/**
 * catchflames_after_footer_sidebar hook
 */
do_action( 'catchflames_after_footer_sidebar' ); ?>

Regards,
Mahesh

[Mahesh]

Hi @skstewart,

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

/* Header Top Background Color */
#header-top {
    background-color: #ff0000;
}
/* Nav menu color and background color on hover/focus */
#header-top .nav-header-top .clean-journal-nav-menu li:hover > a, #header-top .nav-header-top .clean-journal-nav-menu li > a:focus {
    background-color: #00ff00;
    color: #fff;
}
/* Active Nav menu item color and background color */
.nav-header-top .clean-journal-nav-menu li.menu-item.current-menu-item > a, .nav-header-top .clean-journal-nav-menu li.menu-item.current-menu-ancestor > a {
    background-color: #ffff00;
}

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

Regards,
Mahesh

[Mahesh]

Hi @yogawithagnes,

For aligning logo and header+subtitle text to the middle of logo, go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS.

@media screen and (min-width: 991px ) {
    #site-header {
        margin-top: 35px;
    }
}

Regards,
Mahesh

[Mahesh]

Hi adunning,

Do you mean that background for sub pages is showing black and you want to change it to the same color as that of the parent menu item’s background color? If so please add the following CSS.

#header-menu ul.menu ul a {
    background: none repeat scroll 0 0 #7d997d;
}

Let me know if any problem.

Regards,
Mahesh

[Mahesh]

Hi @maeva,

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

#featured-content #featured-heading {
    display: none;
}

Regards,
Mahesh

[Mahesh]

Hi @annalisa,

Add the following CSS in Custom CSS box:

.nav-primary {
    background-color: #0000ff;
}

.clean-journal-nav-menu .sub-menu li a:hover, .clean-journal-nav-menu .sub-menu li a:focus, .clean-journal-nav-menu .children li a:hover, .clean-journal-nav-menu .children li a:focus {
    background-color: #0000ff;
}

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

Regards,
Mahesh

[Mahesh]

Hi @adunning,

Can you please give a specific location where actually you want it as for an example.

Regards,
Mahesh

[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

[Author]

Posts