[Sakin]

@Paul: Sorry, it cannot be done with custom css. It need to be done by building child theme and then changing hook of Header image, adding sticky header image script and css.

[Sakin]

@Paul: Yes, if you have build custom menu from “Appearance => Menu” then you need to edit that menu item and check in “Open link in new window/tag” box. See this screenshot https://www.pinterest.com/pin/548594798330834738/

[Sakin]

@oleymedia: For that you need to contact your Webhostinng support to change that URL. Also check in your site Cache if there is any. If you have Cache plugin install then you need to clear your cache from that plugin settings.

Then try uploading new header image and check in. Also you can use script like https://interconnectit.com/products/search-and-replace-for-wordpress-databases/ to search and replace all your old reference site url to new url.

[Sakin]

@tawcan: That’s nice you find it. 🙂

[Sakin]

@Kenta: Thanks for your appreciation.
1. To reduce the height above slider and below your header, you need to adjust the padding-bottom in the following css as per your need and then add it in “Appearance => Theme Options => Custom CSS” box:

#header-left { padding-bottom: 15px; }
#header-right .widget .menu a { padding-bottom: 24px; }

Then to reduce the height at the top of page, you need to adjust the padding-top in the following css as per your need and then add it in “Appearance => Theme Options => Custom CSS” box:
#masthead { padding-top: 15px; }

2. You can change the color code in the following css as per your need and then add it in “Appearance => Theme Options => Custom CSS” box:

/* For slider circle color */
#controllers a { background-color: #fff; } 
/* For slider circle Hover-Active color */
#controllers a:hover, #controllers a.active { background-color: #7c9b30; }

3. To remove grey border above the footer, you can add the following css in “Appearance => Theme Options => Custom CSS” box:
#colophon { border: none; }

[Sakin]

@MiKeZZa: Nice you solve it 🙂

[Sakin]

@Daniel: Sorry, when you choose Featured Content, it automatically get featured image of that page.

So, either you can hide that image by adding in the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box
#featured-content .featured-homepage-image { display: none; }

or you need to build child theme and then copy function catchresponsive_page_content() to your child theme functions.php file and then remove the following code

if ( has_post_thumbnail() ) {
	$catchresponsive_page_content .= '
	<figure class="featured-homepage-image">
		<a href="' . get_permalink() . '" title="'.the_title( '', '', false ).'">
		'. get_the_post_thumbnail( $post->ID, 'catchresponsive-featured-content', array( 'title' => esc_attr( $title_attribute ), 'alt' => esc_attr( $title_attribute ), 'class' => 'pngfix' ) ) .'
		</a>
	</figure>';
}
else {
	$catchresponsive_first_image = catchresponsive_get_first_image( $post->ID, 'catchresponsive-featured-content', array( 'title' => esc_attr( $title_attribute ), 'alt' => esc_attr( $title_attribute ), 'class' => 'pngfix' ) );

	if ( '' != $catchresponsive_first_image ) {
		$catchresponsive_page_content .= '
		<figure class="featured-homepage-image">
			<a href="' . get_permalink() . '" title="'.the_title( '', '', false ).'">
				'. $catchresponsive_first_image .'
			</a>
		</figure>';
	}
}

[Sakin]

@Amanda: I see that you have “Welcome” widget in your sidebar “Homepage Sidebar” which have activate Homepage sidebar which will replace your “Main Sidebar”. So, either you need to add those widget in “Homepage Sidebar” from “Appearance => Widgets” or you need to remove widgets from Homepage Sidebar so it shows Main sidebar in all pages.

[Sakin]

@RevCT: You can change the font size of the menu by adjusting the font in the following css and then add it in “Appearance => Customize => Theme Options => Custom CSS” box:
.catchresponsive-nav-menu a { font-size: 14px; }

Then you can hide that search toggle in menu by adding in the following css in “Appearance => Customize => Theme Options => Custom CSS” box:
#search-toggle { display: none; }

[Sakin]

@svr: There is no option to make two pages blog. So, either you need to make your homepage to show latest posts or you can assign any other page as blog from “Appearance => Customize => Static Front Page”. Then you can select particular categories from “Appearance => Theme Options => Homepage/Frontpage Category Settings”

But if you want another pages to show blog as well. Then you need to build child theme and then create page template to show blog with particular categories. For that, you can create php file like template-selected-category.php and then copy code from page-blog.php then change then change template name and add category_name. See the example code as below, where I change template name to Selected Categories Template and added category staff and news.

Template Name: Selected Categories Template
$blog_query = new WP_Query( array( 'category_name' => 'staff,news', 'post_type' => 'post', 'paged' => $paged ) );

Note: You can read more about child theme at http://catchthemes.com/blog/create-child-theme-wordpress/ and WP_Query at https://codex.wordpress.org/Class_Reference/WP_Query

[Sakin]

@Sarah: For page and post, the preview image will be your Featured Image. So, add featured images in your pages and posts. See this http://catchthemes.com/blog/videos-blog/video-series-adding-featured-image-wordpress-postpage/

Then you can use the plugin like “WordPress SEO by Yoast” which allows you to add in image for archive pages. This facebook used open graph which is supported by this plugin.

After you make these changes, you can go to https://developers.facebook.com/tools/debug/ and test your site.

[Sakin]

@Cesar R: Sorry this is not directly related to theme and I am not aware of script that you are using to support your code. Your Tactics should have responsive embed code then it will be fine. But when I check your page, it is using fixed height and width embed code. So, you need to get help from that code provider.

[Sakin]

@roche5000: Excerpt/Summary will now show link.

To hide all and just show date in meta, you can add the following css in “Appearance => Theme Options => Custom CSS” Box:

.post-by .no-padding-left, .post-by .last { display: none; }
#main #content ul.post-by li { padding: 0; }

[Sakin]

@Paul: Sorry I am bit confused. I don’t see any issue in the layout.
you can replace your current custom css:

/* For Large Screen */
#primary { width: 750px; }
#secondary { width: 180px; }
@media screen and (max-width: 1224px) {
	#primary { width: 750px; }
	#secondary { width: 180px; }
}
@media screen and (max-width: 1060px) {		
	#primary { width: 750px; }
	#secondary { width: 180px; }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	#primary { width: 750px; }
	#secondary { width: 180px; }
}
@media screen and (max-width: 960px) {	
	#primary, #secondary { width: 100%; }
}

With the following css:

@media screen and (min-width: 961px) {
    #primary { width: 670px; }
    #secondary { width: 180px; }
}
@media screen and (min-width: 991px) {
    #primary { width: 720px; }
}
@media screen and (min-width: 1024px) {
    #primary { width: 750px; }
}

[Sakin]

@m4rkym: Three Columns ( Equal Primary and Secondary Sidebars ) layout option is there only in Catch Base Pro theme. See this demo http://catchthemes.com/demo/catch-base/layout-options/three-columns-equal-primary-secondary-sidebar/

But in Free version, you need to do it manually using custom css. So, try adding following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:

@media screen and (min-width: 991px) {  
   .three-columns #content_sidebar_wrap {
        width: 690px;
    }
    .three-columns #content_sidebar_wrap #main {
        width: 450px;
    }
    .three-columns .sidebar-primary,
    .three-columns .sidebar-secondary {
        width: 240px;
    }
}
@media screen and (min-width: 1101px) {
    .three-columns #content_sidebar_wrap {
        width: 735px;
    }
    .three-columns #content_sidebar_wrap #main {
        width: 460px;
    }
    .three-columns .sidebar-primary,
    .three-columns .sidebar-secondary {
        width: 275px;
    }
}
@media screen and (min-width: 1153px) {
    .three-columns #content_sidebar_wrap {
        width: 760px;
    }
    .three-columns #content_sidebar_wrap #main {
        width: 460px;
    }
    .three-columns .sidebar-primary,
    .three-columns .sidebar-secondary {
        width: 300px;
    }
}
@media screen and (min-width: 1281px) {
    .three-columns #content_sidebar_wrap {
        width: 820px;
    }
    .three-columns #content_sidebar_wrap #main {
        width: 480px;
    }
    .three-columns .sidebar-primary,
    .three-columns .sidebar-secondary {
        width: 340px;
    }
}

[Sakin]

@Cattext: Cool that you found solution by yourself. Ok I have closed it for you.

[Sakin]

@jeremiah.j: Sorry for the late reply due to power outage. I am happy that you found solution by yourself. Cheers 🙂

[Sakin]

@Dolomie: Sorry your question is bit confusing. Do you mean that you want your slider to show in entire site. If so then you can go to “Appearance => Customize => Featured Slider => Featured Slider Options” and in “Enable Slider on”, you need to select “Entire Site”

[Sakin]

@RevCT: No problem. You can just add embed code in your page. See this screenshot https://www.pinterest.com/pin/548594798332210926/

[Sakin]

@Gregory: You can add the semi transparent background color using rbga color code as following css. You can see, rgba color 255, 255, 255 is white and 0.6 is 60% transparent. So, change the color code and transparent as per your need and then add it in “Appearance => Customize => Theme Options => Custom CSS Options” box:

#featured-content {
    background: #fff; /* Solid Color For Old Browser */
    background: rgba(255, 255, 255, 0.6); /* 60 percent transparent background color */
}

[Author]

Posts