[Mahesh]

Hi @Paul,

Thank you for using Catch Kathmandu Pro.

Go to “Dashboard=> Appearance=> Theme Options=> Header Featured Image Options” and select “Before Header” option in “Featured Header Image Position”.

Regards,
Mahesh

[Mahesh]

Hi @[email protected],

Thank you for using Catch Kathmandu Pro.

Great color combinations there, I have to say.
The color scheme is fine in both desktop and mobile. You may have noticed it to be blue as the background color wont be seen in the mobile view and the menu bar in blue and also the promotion headline background. For promotion headline background color, you can go to “Dashboard=> Appearance=> Theme Options=> Color Options=> Homepage Headline Color Options” and select your desired color for “Background Color”. And for the mobile menu background, go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and the following CSS:

.sb-holder, .sb-options{
    background-color: #dd9933;
}

If you want to change the menu list background on hover, add the following CSS:

.sb-options a:hover{
    background-color: #dd9944;
}

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

Regards,
Mahesh

[Mahesh]

Hi @leotrim77,

Yeah we’re good, hope you’re doing good too.

For making your website fullwidth, go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS:

div#page{
    width: auto;
}

There are some CSS code errors in your custom CSS please fix those too.
1. Closing curly brace missing at the end of your custom CSS i.e.

.page-header {
padding: 0px 20px 0px 0px;

should be like

.page-header {
padding: 0px 20px 0px 0px;
} 

Regards,
Mahesh

[Mahesh]

Hi @OliverJames,

The problem in your site is because of the logo you are using. The logo’s height is 7 pixel more and is pushing the the elements down with that exceeding 7 pixels.
You can either use an image of 262 x 70 or go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS:

@media screen and (min-width: 991px) {
    #site-logo img{
        max-height: 70px;
    }
}

Regards,
Mahesh

[Mahesh]

Hi @EirikurVa,

We checked out the theme with WP-pagenavi plugin and is working fine. Maybe the problem is due to one of your plugin. Try the following.
– deactivating all plugins to see if this resolves the problem? If this works, re-activate the plugins one by one until you find the problematic plugin(s).
– switching to the default theme to rule out any theme-specific problems?

Let me know if the problem persists.

Regards,
Mahesh

[Mahesh]

Hi @radeko,

In child theme’s function.php add the following codes,

add_action( 'init' , 'catchresponsive_child_move_single_post_nav' );
function catchresponsive_child_move_single_post_nav() {
        remove_action( 'catchresponsive_after_post', 'catchresponsive_post_navigation', 10 );
	add_action( 'catchresponsive_before_post_container', 'catchresponsive_post_navigation', 5);
}

Regards,
Mahesh

[Mahesh]

Hi @radeko,

The correct file to make the changes for the above issue is content.php not archive.php. I prefer you to create child theme and make change in child theme because you’ll lose all your changes after theme updates. Create a child theme first, check this LINK for more details on create child theme.
Then copy content.php from Catch Responsive theme to the child theme. Open child theme’s content.php and modify line 25 (below line):
<h1 class="entry-title"><a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a></h1>
to look like the code below
<h1 class="entry-title"><a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?> Your String Here</a></h1>
Note: Please replace “Your String Here” in the above code with you desired string.

Regards,
Mahesh

[Mahesh]

Hi @radeko,

I think I misunderstood you earlier, you mean to make the site title link to point to http://54.83.45.133 despite of any language selected. I thought you meant to make the site’s url to http://54.83.45.133 for any language e.g for english, german etc. Sorry for my misunderstanding.

No, there is no such options to change that variable via an option. Either Free or Pro, you have to create a child theme and override that function.
First create a child theme, please check this LINK for more details on how to create a child theme, then in child theme’s function.php add the following function.

function catchresponsive_site_branding() {
		//catchresponsive_flush_transients();
		$options 			= catchresponsive_get_theme_options();

		//$style 				= sprintf( ' style="color:#%s;"', get_header_textcolor() );

		//Checking Logo
		if ( '' != $options['logo'] && !$options['logo_disable'] ) {
			$catchresponsive_site_logo = '
			<div id="site-logo">
				<a href="' . esc_url( site_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 {
			$catchresponsive_site_logo = '';
		}

		$catchresponsive_header_text = '
		<div id="site-header">
			<h1 class="site-title"><a href="' . esc_url( site_url( '/' ) ) . '">' . get_bloginfo( 'name' ) . '</a></h1>
			<h2 class="site-description">' . get_bloginfo( 'description' ) . '</h2>
		</div><!-- #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="site-branding" class="logo-left">';
				$catchresponsive_site_branding .= $catchresponsive_site_logo;
				$catchresponsive_site_branding .= $catchresponsive_header_text;
			}
			else {
				$catchresponsive_site_branding  = '<div id="site-branding" class="logo-right">';
				$catchresponsive_site_branding .= $catchresponsive_header_text;
				$catchresponsive_site_branding .= $catchresponsive_site_logo;
			}
			
		}
		else {
			$catchresponsive_site_branding	= '<div id="site-branding">';
			$catchresponsive_site_branding	.= $catchresponsive_header_text;

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

Regards,
Mahesh

[Mahesh]

Hi Pia,

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

.site-content {
width: 100%;
}

Note: Default width for this is 1100px.

Regards,
Mahesh

[Mahesh]

Hi OliverJames,

The feature you are interested is already built-in in Pro version, so I recommend you to upgrade to Pro version.

But if you want to change the header text in free version instead, follow these steps.
1. Create child theme, you can find more details on creating child theme HERE.
2. In child theme’s function.php add the following code:

function clean_journal_header_top() {
		if ( '' == ( $clean_journal_social_icons = clean_journal_get_social_icons() ) && !has_nav_menu( 'header-top' ) ) { ?>
			<div id="header-top" class="header-top-bar">
		        <div class="wrapper">
		            <div class="header-top-left full-width">
		                <section id="widget-default-text" class="widget widget_text header_top_widget_area">    
		                    <div class="widget-wrap">
		                        <div class="textwidget">
		                            <p><?php _e( 'Sample Text', 'clean-journal' ); ?></p>
		                        </div>
		                    </div><!-- .widget-wrap -->
		                </section><!-- #widget-default-text -->
		            </div><!-- .header-top-left -->
		        </div><!-- .wrapper -->
	    	</div><!-- #header-top -->
		<?php 
		}
		else { 
			if ( '' != ( $clean_journal_social_icons = clean_journal_get_social_icons() ) && has_nav_menu( 'header-top' ) ) { 
				$classes = 'normal-width';
			}
			else {
				$classes = 'full-width';
			}
			?>
			<div id="header-top" class="header-top-bar">
				<div class="wrapper">
					<?php if ( has_nav_menu( 'header-top' ) ) { ?>
						<div class="header-top-left <?php echo $classes; ?>">
							<?php clean_journal_header_top_menu(); ?>
						</div>
					<?php
					} ?>
			       	<?php if ( '' != ( $clean_journal_social_icons = clean_journal_get_social_icons() ) ) { ?>
			       		<div class="header-top-right <?php echo $classes; ?>">
							<section class="widget widget_clean_journal_social_icons" id="header-right-social-icons">
								<div class="widget-wrap">
									<?php echo $clean_journal_social_icons; ?>
								</div><!-- .widget-wrap -->
							</section><!-- #header-right-social-icons -->
						</div><!-- .header-top-right -->
					<?php 
					} ?>
			    </div><!-- .wrapper -->
			</div><!-- #header-top -->
			<?php
		}
	}

Note: Please replace “Sample Text” in the above code with your desired text.

Regards,
Mahesh

[Mahesh]

Hi @adunning,

Finally understood your problem.
Please add the following CSS in “Dashboard=> Appearance=> Theme Options=> Custom CSS” box:

#hgroup-wrap {
    padding: 0;
}
#site-logo {
    padding-top: 0;
}

Let me know if this solves your issue.

Regards,
Mahesh

[Mahesh]

Hi @jascmeen,

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

#feature-slider .cycle-prev, 
#feature-slider .cycle-next {
    display: none;
}

Regards,
Mahesh

[Mahesh]

Hi @radeko,

The theme is translation ready. And the translation is done with the help of plugins such as WPML, Qtranlate etc. The site url for each language may vary according to the plugin used. This is beyond the theme scope, I suggest you to contact the Plugin support.

Regards,
Mahesh

[Mahesh]

Hi @marcodimi,

This is not a theme issue, I think you have some redirection problem, because which ever month you click in the archive the page is always redirecting to the home page. i.e.
If you see the link for the month of December, you’ll see the url to be “http://marcodimizio.com/2015/12/” but page loads with url “http://marcodimizio.com”.

This is because of the WordPress SEO plugin.
To fix this, go to “Dashboard => SEO=> Title & Metas=> Archives” then in “Duplicate content prevention” section uncheck “Disable the date-based archives” option and click “Save Changes”

Regards,
Mahesh

[Mahesh]

Hi @Lena,

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

#header-menu {
    border-bottom: 2px solid #ccc;
}

Let me know if this fixes your issue, if not please post in your site url.

Regards,
Mahesh

[Mahesh]

Hi @[email protected],

For changing footer text color, add the following CSS in “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box.

#site-generator {
    color: #6b3089;
}

For logo in the footer, you have to create a child theme, you can find detail about creating a child theme HERE. Then in child theme’s function.php, add the following codes.

function catchresponsive_child_footer_content() {
	//catchresponsive_flush_transients();
	if ( ( !$catchresponsive_footer_content = get_transient( 'catchresponsive_footer_content' ) ) ) {
		echo '<!-- refreshing cache -->';

		// get the data value from theme options
		$options	= catchresponsive_get_theme_options();

		$defaults 	= catchresponsive_get_default_theme_options();

		$search = array( '[the-year]', '[site-link]' );

        $replace = array( date( 'Y' ), '<a href="'. esc_url( home_url( '/' ) ) .'">'. esc_attr( get_bloginfo( 'name', 'display' ) ) . '</a>' );

        $options['footer_content'] = str_replace( $search, $replace, $options['footer_content'] );

		$footer_content 	= $options['footer_content'];

		if ( '' != $footer_content ) {
			$catchresponsive_footer_content .=  '
	    	<div id="site-generator">
	    		<div class="wrapper">
	    			<div id="footer-content" class="copyright">' . $footer_content . '
	    			<img class="float-right" src="' . esc_url( 'http://placehold.it/20x20' ) . '" />
	    			</div>
	    		</div><!-- .wrapper -->
			</div><!-- #site-generator -->';

	    	set_transient( 'catchresponsive_footer_content', $catchresponsive_footer_content, 86940 );
	    }
    }

    echo $catchresponsive_footer_content;
}

add_action( 'init' , 'catchresponsive_child_modify_footer' , 15 );
function catchresponsive_child_modify_footer() {
        remove_action( 'catchresponsive_footer', 'catchresponsive_footer_content', 100 );
		add_action( 'catchresponsive_footer', 'catchresponsive_child_footer_content', 100);
}

Note: Please replace “http://placehold.it/20×20” in img src in the above code with your desired logo url.

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

.float-right {
    float: right;
}

Regards,
Mahesh

[Mahesh]

Hi @Marijn,

Thank you for your appreciation.

Regards,
Mahesh

[Mahesh]

Hi @Lucia,

Thank you for your appreciation.
We’re gradually going to remove the Theme Options and use Customizer instead. But all the features and functionality will be the same. It is faster, simpler and more user friendly, and all customization can be done with live preview. It will be available in next version update. Hope you’ll find it nice too.

Regards,
Mahesh

[Mahesh]

Hi @FOEC,

It is the id of the menu item, you can find it out by right clicking the page and select inspect element or with a firebug.

//For your english site

#secondary-menu ul.menu #menu-item-1453 > a {
    color: #fff;
    background-color: #0000ff;
}

//For your french site

#secondary-menu ul.menu #menu-item-1710 > a {
    color: #fff;
    background-color: #0000ff;
}

[Mahesh]

Hi @adunning,

You mean the logo, the one in the top? I’ve just check your site and the image is displaying fine and is in full width, I don’t see any white borders.

Please check it and let me know if any problems.

Regards,
Mahesh

[Author]

Posts