[Sakin]

@alexch: You can add the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:

#featured-content .entry-content,
#featured-content .entry-excerpt {
    text-align: justify;
}

[Sakin]

@Vidal: Yes, for that you need to build child theme. For child theme, refer to http://catchthemes.com/blog/create-child-theme-wordpress/ . Then you need to add the following code in your child theme functions.php file. But it won’t look nice.

function chicago_unhook_functions() {
	remove_action( 'chicago_after_header', 'chicago_add_breadcrumb', 10 );
}
add_action( 'init','chicago_unhook_functions');

add_action( 'chicago_after_header', 'chicago_add_breadcrumb', 45 );

[Sakin]

@Kaydev: There is color options in “Appearance => Customize => Color Options => Primary Menu Color Options”. There you can change Menu, Hover/Active, Sub-menu colors as per your need.

Can you post in your custom css that you have in “Appearance => Customize => Theme Options => Custom CSS Options” box, as I see extra closing bracket } at the end.

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

.nav-primary .menu .sub-menu li a:hover,
.nav-primary .menu .sub-menu li a:focus {
	color: #21759b;
}

[Sakin]

@texasman: Sorry I don’t get it what you mean. What is the maximum width of your site that you want to change to? Then what is the width of your sidebar that you want to be fixed. Then accordingly we need to change the width of the content as per the responsive design.

[Sakin]

@kathiejs: ok for category, replace previous css with the following:

/* Category Widget */
#secondary .widget_categories ul li { font-size: 16px; }

[Sakin]

@effess: You can add the following css in “Appearance => Theme Options => Custom CSS” box:

@media screen and (max-width: 767px) {
    #hgroup-wrap .sb-holder { background-color: #6f3b97; } 
    #hgroup-wrap .sb-holder a { color: #fff; }
}

[Sakin]

@helpme: I don’t get it what you mean. There will be h1 tag in each section.

[Sakin]

@Herbie: Sorry I don’t get it what you mean. Can you explain in reference with your site URL.

[Sakin]

@kathiejs: You can change the size in the following css as per your need and then add it in “Appearance => Theme Options => Custom CSS” box:

/* Category Widget */
#secondary .widget_categories ul { font-size: 16px; }
/* breadcrumb Widget */
#secondary .widget_breadcrumb_navxt { font-size: 16px; }

[Sakin]

@paul: Cool that you figured it out 🙂

[Sakin]

@Kaydev: WordPress Theme shouldn’t support shortcodes see this https://make.wordpress.org/themes/handbook/review/required/explanations-and-examples/.

Also the shortcode [display-posts] is not from WordPress core. It’s from plugin https://wordpress.org/plugins/display-posts-shortcode/. So, you need to activate this plugin to use that shortcode.

For title, it take from your site title and page title. So, you need to edit that. Further, you can use plugin like http://wordpress.org/plugins/wordpress-seo/ to edit your SEO/Browser title.

[Sakin]

@brian If you are not using child theme, then you can hide it only by using Custom CSS. For that you need to post in your site URL.

[Sakin]

@eric: Just add the following css in “Appearance => Theme Options => Custom CSS” box:

body, input, textarea {
    color: #000;
}
#branding #access, 
#colophon #access-footer {
    background: none #000;
}

[Sakin]

@dpoulton: It depends on your settings of the website and also we have manage that with css. For now, I guess the maximum height can be 75px and maximum width 700px. But it’s all up to you. Just upload the image and maybe share your site URL if you have issue then I can suggest you.

[Sakin]

@Ruthy: That is form your page setting and background image and I don’t have any control on it. But you can try to remove white space by adding in the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:

.page-id-572 #content .wrapper,
.page-id-572 #content .hentry {
    padding-top: 0;
    padding-bottom: 0;
}
.page-id-572 #content .hentry,
.page-id-572 #content .hentry .vc_custom_1434726924507 {
    margin-bottom: 0;
}

[Sakin]

@alexch: You can hide that from custom css. For that, you can just add the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:

.post-navigation { display: none; }

To translate any theme text, you need to create .po and .mo files from .pot file you will find inside languages folder “catch-responsive/languages/catchresponsive.pot”. You can use free software form http://poedit.net/.

Let me know if you are interested in translating then I can email you more details and also we will include that file in language folder in next version. So, it will stay in theme when you update as well.

[Sakin]

Hi Richard,

Thanks for your appreciation and purchasing Catch Responsive Pro theme. Oh wow, you have long list of questions.

1. To change the size of content box in the slider, you can change the width in the following css and then add it in “Appearance => Customize => Theme Options => Custom CSS Options” box:

@media screen and (max-width: 701px) { 
    #feature-slider .entry-container { width: 60%; }
}

To change the background color of the box, you can change the rgba color code in the following css as per your need and add it in “Custom CSS Options” box:

#feature-slider .entry-container {
    background: rgba(0,0,0,0.7);
}

2. You can remove that by making padding bottom zero. For that, you can add the following css in “Custom CSS Options” box:
#feature-slider { padding-bottom: 0; }

3. When you are using Footer 1 and Footer 2 area, each area will take 50% of the whole footer area. But the left alignment is left of the footer 1 text will start from left and same with footer area 2. For this you can either, center the text by adding the following css:

#supplementary .widget-area {
    text-align: center;
}

Or you can just text alight right to footer area 1:

@media screen and (min-width: 479px) {
    #supplementary #first.widget-area { text-align: right; }
}

4. To remove the search in menu above the slider, go to “Appearance => Customize => Navigation” and check option “Check to disable search box in Primary Menu” then Save & Publish it.

5. For mailchip form in homepage. Yes, that should be control from plugin. Looking at the code, you can add the following css in “Custom CSS” box:

.entry-content .content-column.one_half {
    display: block;
    float: none;
    margin: 0 auto;
    width: 50%;
}

Note: if you can remove code style="padding-right:100px;" from mail chimp form then it will be great.

[Sakin]

@helpme:
1. Your site Title and tagline is not reducing in mobile devices as your have fixed size in custom css. Either you need to remove that or add mobile devices size. You can add the following css in “Appearance => Customize => Theme Options => Custom CSS Options” Box:

/* Mobile Font Sized for Title and Tagline
@media screen and (max-width: 768px) {
    .site-title { font-size: 28px; }
    .site-description { font-size: 18px; }
}

2. You can add the following css to hide author from entire site.
.entry-meta .by-author, .entry-meta .byline { display: none; }

3. For comment text, you can remove that from option panel directly in Pro version but in free version, you can hide it with custom css. For that, you can add the following css:
.form-allowed-tags { display: none; }

[Sakin]

@Dennis: Yes, that Custom CSS box is there to add in your own css which will overwrite theme css.

[Sakin]

@knudkp: Yes, just go to “Appearance => Widgets” and move the position of your custom menu and social icon in “Header Right” sidebar.

[Author]

Posts