[Mahesh]

Hi @nextstep,

You’ve add the images in the content area. The gap between the image and text is uniform in the theme. The gap you’ve mentioned is because of the image ending at around half of the new line of the text, hence it is taking the next line. The text and image size in the content may vary and so does the gap between the image and text. So fixing with Custom CSS won’t work.

Hope you understand.

Thanks,
Mahesh

[Mahesh]

Hi @matthewseanmclachlan,

Yes, this feature is already built-in in Catch Flames Pro. Go to “Dashboard=> Appearance=> Theme Options=> Layout Options” and choose Full Content Display option in Archive Content Layout.

Let me know if this solved your issue.

Thanks,
Mahesh

[Mahesh]

Hi @nextstep,

For that add the following CSS in “Dashboard=> Appearance=> Theme Options=> Custom CSS” box:

#primary{
width: 650px;
}

#secondary{
width: 260px;
}

Please change the width in styles as required and make sure that the sum of the width of #primary and #secondary is 910px;

Let me know if this helped.
Thanks.

[Mahesh]

Hi @Gert,

Yes, it is possible to change the layout for the header right menu. Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS Options” box and add the following CSS.

Please change the color and space as per your requirement.

/* Change background for 1st menu item */
#menu-call-to-action-menu li:nth-child(1) {
     background-color: #FF0000;
}

/* Change background for 2nd menu item */
#menu-call-to-action-menu li:nth-child(2) {
     background-color: #0000FF;
} 

/* Change background for 3rd menu item */
#menu-call-to-action-menu li:nth-child(3) {
     background-color: #01DF01;
} 

/* Add space between menu and black border to menu items */
#menu-call-to-action-menu li{
     margin-left: 5px;
     border: 1px solid #000000;
}

#menu-call-to-action-menut li:first-child{
     margin-left: 0;
}

Please remove following style from Custom CSS box to remove background-color for Header Right Menu:
.nav-header-right .menu { background-color: #e03a3e; }

Let me know if this worked for you as desired.

Thanks.

[Mahesh]

Hi @Kim,

No, you do not have to get another theme, you can just hire a developer for the above customization for your site.

Please check out this page for more info.

Thanks.

[Mahesh]

Hi @scottgoodacre,

For customizing background image you can go to “Dashboard=> Appearance=> Customize=> Background Image”.

And for further customization, you have to do it with Custom CSS and for that you’ll need to post your site url.

Thanks.

[Mahesh]

Hi @Beverly,

To hide the word Home title on the home page, add the following CSS in “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS Options” box:

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

Let me know if this solved your issue.

Thanks.

[Mahesh]

Hi @nextstep,
Please post your site url.

[Mahesh]

Hi @Steve,

In the previous reply, I’ve put the default max-height value so that you could change as you desired but I think you’ve got confused. Please replace previous Custom CSS with the following:

#masthead #site-logo img {
    max-height: 60px;
}

#masthead.fixed-header #site-logo img {
    max-height: 45px;
}

Increase or decrease the max-height as per your requirement.
E.g.
max-height: 70px;
or
max-height: 50px;

Let me know if this helps.
Thanks.

[Mahesh]

Hi @Steve,

1. For changing logo size, use the following style in “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box:

#masthead #site-logo img {
    max-height: 41px; /* Your desired height for normal header logo */
}

#masthead.fixed-header #site-logo img {
    max-height: 32px; /* Your desired height for fixed header logo */
}

2. You’ve used Elite Accordion plugin which is overwriting the default CSS for Promotional Headline Text color. So you’ll need to either disable that plugin or add the following style in “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box:

#homepage-message .left-section h2 {
    color: #404040; /* Put your desired color's hex value */
}

Let me know if this solves your issue.

Thanks.

[Mahesh]

Hi @Steve,

Please post your site url so I can check it.

[Mahesh]

Hi @Marko

For now, we don’t have the in-built option to change the color of the site title. You can change it with Custom CSS. Go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and add the following style.

h1#site-title a:hover{
     color: #6497ff; /* Hex value for your desired color */
}

Let me know if this worked for you.
Thanks.

[Mahesh]

Hi @billhood

As per your post, I’ve tested the same with WordPress 4.3.1, Catch Kathmandu 3.5.1 and s2Member 150925 and everything is working fine, the draft is auto saving normally whether I add a new post or edit an old one.
Is there any specific settings that I can check?

I suggest you to try it with a fresh install of WordPress and Catch Kathmandu theme and let me know if the issue persists.

[Mahesh]

@Bret

Yes, you can use the shortcode for the slider inside php tags. But the code you’ve written is slightly incorrect. Use the code given below:

<?php echo do_shortcode('[sangar-slider id=504]'); ?>

This will place the slider in your page.
Let me know if you’ve any problem.

Thanks.

[Mahesh]

Hi @matthewseanmclachlan

Yes, this can be done and in a very simple way. Go to “Dashboard=> Appearance=> Theme Options=> Web Master Tools=> Header Footer Codes=> Code to display on Footer” box and add the following code:

<script>
jQuery('#top-logo a').click(function () {
		jQuery('body,html').animate({
			scrollTop: 1
		}, 800);
		return false;
	});
</script>

Let me know if this fixes your issue.
Thanks.

[Mahesh]

Hi @Bret

This has to be done by creating a child theme. Visit HERE to learn more about “How to create a child theme”.

After that copy the header.php from Create Pro theme to Create Pro Child theme and replace the following code from line 36 – 45:

<?php 
   	$jetpack_logo  = get_option( 'site_logo' );

	if ( !empty( $jetpack_logo['id'] ) && function_exists( 'jetpack_the_site_logo' ) ) {
		jetpack_the_site_logo(); 
	}
    else {
    	create_display_logo();
	}
?>

with you slider code from plugin.

Your header.php file will look like this.

<?php
/**
 * The header for our theme.
 *
 * Displays all of the <head> section and everything up till <div id="content">
 *
 * @package Create
 */
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">

<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
	<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'create' ); ?></a>

	<header id="masthead" class="site-header" role="banner">
    
    <div class="site-banner">
		<div class="site-branding">
        
		    <nav id="site-navigation" class="main-navigation create-menu" role="navigation">
			    <button class="menu-toggle" aria-controls="menu" aria-expanded="false"><?php _e( 'Menu', 'create' ); ?></button>
			    <?php wp_nav_menu( array( 
				    'theme_location' => 'primary' ) 
				    ); 
				?>
		    </nav><!-- #site-navigation -->
        
		    <?php
                    /**
                     * Replace This Section
                     * With Your Slider
                     * Code
                     */
                    ?>	

		    
			<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
			<p class="site-description"><?php bloginfo( 'description' ); ?></p>
		</div><!-- .site-branding -->
        
        <?php if ( has_nav_menu( 'social' ) ) : ?>
            <div class="social-menu">
		        <?php wp_nav_menu( array(
				    'theme_location' => 'social',
				    'depth'          => '1',
				    'link_before'    => '<span class="screen-reader-text">',
				    'link_after'     => '</span>' )
				    );
                ?>
            </div><!-- .social-menu -->       
        <?php endif; ?>
        
        </div><!-- .site-banner -->
       
	</header><!-- #masthead -->

	<?php	
	/** 
	 * create_before_content hook
	 *
	 * @hooked create_slider - 10
	 */
	do_action( 'create_before_content');
	?>

	<div id="content" class="site-content">

Let me know if this helps to get what you want.

[Mahesh]

Hi @ttolun

Put the following CSS code in “Appearance => Customizer => Theme Options => Custom CSS” box:

.wrapper img{
    margin-top: 44px;
}

::i-block-chrome, .wrapper img{
    margin-top: 0;
}

Let me know if this fixes your issue.

[Mahesh]

Hi @ShayC

Sorry, we don’t have the social sharing icons under each post on our themes. It is against the rules of wordpress.org themes repository because it falls under plugin territory.
If you want to have this functionality, you can use the “Social Sharing Module” of “Jetpack” plugin or use any of social sharing plugins found HERE

[Mahesh]

Hi @Emory,

Clean Journal Pro theme has multiple layouts, and size for main column varies with respect to the layout option. In your context, you have main content, and a primary sidebar. For this layout, the default widths are as below:

main : 820px
sidebar : 340px
wrapper : 1200px

Default width of wrapper is 1200px which remains the same for all layouts.

As you’ve mentioned, its not a good idea to directly change the code if you want to change some styles, you can always use the Custom CSS in “Appearance => Theme Options => Custom CSS” box or create child theme and add in your child theme style.css file

For featured image, its not that critically important to stick with the image size 780 x 586, you can always use the images larger than this. But you need to make sure the image’s aspect ration is 4:3 because the image will be automatically cropped when uploading. So if the aspect ration mismatches, it may crop some portion of the image itself. If you use the small sized image then it will use the default uploaded image.

If you need any further help on CSS for the above, please let me know.

Thank you for your appreciation.

[Mahesh]

Hi @mithrand,

You have put the following code in “Appearance => Theme Options => Custom CSS” box:

h1.entry-title {
    display: none;
}

Remove this code from Custom CSS box and Post Title will be shown.

Let me know if this solved your issue.

[Author]

Posts