[Sakin]

@robertjm: Sorry I don’t get it what you mean by colored area. Below is the css that you can edit to increase the width of all the elements for large screens. .site is for overall, primary if for content are and secondary for sidebar. Edit that and add it in your “Appearance => Theme Options => Custom CSS” box:

@media screen and (min-width: 1025px) {
	.site { width: 1000px; max-width: 96%; }
	#primary { width: 63%; }
	#secondary { width: 34%; }
}

[Sakin]

@cftvonline: Why do you want to disable responsive design? Now a days, Google also rank site if it has good responsive design. That is why we haven’t included this featured in free version. It’s only there in pro version theme options.

[Sakin]

@claudi: Looks like you have selected “No sidebar” in your Home page Sidebar Layout. So, edit your page “Home” and then under the page editor, you will see “Adventurous Sidebar Layout” where you can select “Left Sidebar” and update the page.

[Sakin]

@emree025: This is more of HTML and columns, why don’t you just add – in between these. If you want to remove border then you can do that by adding in the following css:

.page-id-24 .entry-content table, 
.page-id-24 .entry-content td  { 
    border: none;
}

[Sakin]

@alphaxyz: oh ok but we don’t have this widget at this stage. We don’t have Category widgets. Thanks for the feedback and we will try to add it in future updates. For now, you need to search for plugin. I am sure there must be plugin for that.

[Sakin]

@Juergen:
1. Your calender is in table with fixed width of 200px and it’s not responsive. So, it’ showing like that. Either you need to make that table responsive or you need to adjust the width so that your sidebar is always more than 200px width. If you want to change the width then you can add the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:

@media screen and (max-width: 1280px) {
	#content_sidebar_wrap {
	    width: 830px;
	}
	#content_sidebar_wrap #main {
	    width: 490px;
	}	
	.sidebar-secondary {
	    width: 240px;
	}	
}	
@media screen and (max-width: 1152px) {
	#content_sidebar_wrap {
	    width: 770px;
	}
	#content_sidebar_wrap #main {
	    width: 470px;
	}	
	.sidebar-secondary {
	    width: 240px;
	}	
}
@media screen and (max-width: 1100px) {
	#content_sidebar_wrap {
	    width: 690px;
	}
	#content_sidebar_wrap #main {
	    width: 430px;
	}
	.sidebar-secondary {
	    width: 240px;
	}		
}

About menu is mobile devices, have you change or customize any code in catch-base theme folder. As it works on first click and after that it doesn’t. If you have change the code then please load the original theme. So, if you haven’t change the code then please try disabling plugin one by one to check conflicting plugin. IF all this fails then let me know it.

[Sakin]

@crankit: Sometime, it takes time. I check in Bing and Google. Both are showing same.

[Sakin]

@bigoslesli: There is something in your header which is custom and not from our theme. Can you check if there is anything that you have in “Appearance => Theme Options => Webmaster Tool => Header and Footer Codes => Code to display on Header”. If you have then that is the issue. The code must be corrected.

[Sakin]

@GiovannaChine: This is not WordPress issue but it’s an issue with plugin incompatible. Looks like there is conflict with Cyclone Slider. So, try disabling that and other plugin one by one to find the conflicting plugin.

[Sakin]

@amyfanton: Wow so many question for free support forum. My head is spinning round and round 🙂

1. Footer Area one image, you can add the following css in “Appearance => Theme Options => Custom CSS” box:

#supplementary {
    padding: 20px 0;
}
#footer-sidebar {
    padding: 0;
}
#supplementary .widget-area {
    float: left;
    text-align: center;
    width: 100%;
}
#supplementary #text-2 {
    line-height: 1px;
}
#supplementary .widget-area img {
    box-shadow: none;
}

2. Footer Text and Link Color, you can change the color code in the following css and add it in Custom CSS box:

#site-generator {
    color: #999;
}
#site-generator a {
    color: #ddd;
}

3. Footer text space above and below, you can edit the padding in the following css as per your need and add it in Custom CSS box:

#site-generator .site-info {
    padding: 40px 0;
}

4. To remove dark background in menu active item, you can add the following css in Custom CSS box:

#header-menu .menu .current_page_item > a, 
#header-menu .menu .current_page_ancestor > a {
    background-color: #bfcdcc;
}

5. Yes, add 7 small images with link, just add like the following in your current text widget:
<a href="your-link1" target="_blank"><img src="image-url1" alt="image-alternative-text1" /></a><a href="your-link2" target="_blank"><img src="image-url2" alt="image-alternative-text2" /></a><a href="your-link3" target="_blank"><img src="image-url3" alt="image-alternative-text3" /></a><a href="your-link4" target="_blank"><img src="image-url4" alt="image-alternative-text4" /></a><a href="your-link5" target="_blank"><img src="image-url5" alt="image-alternative-text5" /></a><a href="your-link6" target="_blank"><img src="image-url6" alt="image-alternative-text6" /></a><a href="your-link7" target="_blank"><img src="image-url7" alt="image-alternative-text7" /></a>

Then add the following css in “Custom CSS” box:

#supplementary #text-2 a {
    display: inline-block;
    float: left;
    width: 14.28%
}

6. To center the text below featured content. Just add the following css in Custom CSS box:

#featured-post .hentry {
    text-align: center;
}

7. To center the logo, just add the following css in Custom CSS box.

#header-left, 
#site-logo {
    width: 100%;
    text-aligh: center;
}
#hgroup-wrap img  {
    display: block;
    margin: 0 auto;
}

8. To trim the space between slider and featured content, you can adjust the padding in the following css and then add in Custom CSS box:

.home #main {
    padding-top: 20px;
}

Note: In Featured Content, I see that you have added in Large image with width of 1024px. Which is very big for that area and will be heavy for site load. I suggest you to change that and upload image of maximum width 400px.

[Sakin]

@yinglin1202: To increase the height of the menu bar, you need to increase the line-height in the following CSS and then add it in “Appearance => Customize => Theme Options => Custom CSS” box.

.catchresponsive-nav-menu a {
    line-height: 46px;
}

About the font change, either you need to upgrade to pro and you will have font family options where you can choose from popular google fonts and web safe fonts. If you want to stick with Free version, then you either need to use font plugin or build child theme and add google fonts.

Font css will be as below:

.catchresponsive-nav-menu {
    font-family: "Open Sans",sans-serif;
}

[Sakin]

@cblossants: Thanks 🙂

[Sakin]

@Julia: Thanks for your reply. I see that you have change the category in “Appearance => Customize => Theme Options => Homepage / Frontpage Options”. Now, I selected all categories and save change. It’s showing all.

[Sakin]

@cblossants: Thanks and if you like Catch Responsive and support then please write in review and rating at WordPress.org https://wordpress.org/support/view/theme-reviews/catch-responsive?rate=5#postform

[Sakin]

@Sebastian: If you set it as Frontpage, then your intro page will load it below the featured content. But to load before front page, you need to add plugin. Try searching for plugin with keyword splash or intro page.

[Sakin]

@cblossants: There is problem with your child theme style.css. There is missing opening /* and closing */ before your child theme declaration. It should be as below:

/*
Theme Name: Catch Responsive Child Theme
Theme URI: http://doreide.com/test_wp/wp-content/themes/catch-responsive-child
Author: Catch Themes Team
Author URI: http://catchthemes.com
Description: Catch Responsive is an extremely flexible and customizable WordPress theme suitable for almost any kind of professional website. It is based on responsive design where each element has been carefully configured for perfect display on all devices and platforms. It is built in HTML5, CSS3 and WordPress Theme Customizer for real time customization. It comes with a wide variety of options so you can modify layout, styling, featured content, promotion headline, featured slider, pagination, icons, menus, breadcrumb, widgets and much more, directly from theme customizer. This theme is translation ready and also currently translated in Swedish. Check out Theme Instructions at http://catchthemes.com/theme-instructions/catch-responsive/, Support at http://catchthemes.com/support/ and Demo at http://catchthemes.com/demo/catch-responsive/
Version: 1.0
License: GNU General Public License, version 3 (GPLv3)
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
Tags: black, gray, silver, white, dark, light, one-column, two-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, front-page-post-form, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: catchresponsive
Template: catch-responsive
*/

[Sakin]

@claudi: Please post in your side URL so that I can check in what’s there in your rest of the page. In homepage as well you can add widget in sidebar. That should not be a problem.

[Sakin]

@Consciousness: Please post in your site URL here and then I can check that for you. It’s not theme issue, as you can see demo in our site is working fine http://catchthemes.com/demo/catch-evolution/. Also you can check demo from WordPress.org official demo site http://wp-themes.com/catch-evolution/

[Sakin]

@knudkp: Try adding in the following css in “Appearance => Customize => Theme Options => Custom CSS” box:

#supplementary .widget {
    padding-top: 0;
    padding-bottom: 0;
}

[Sakin]

@Reitsel: Thanks for your appreciation.

[Author]

Posts