[Sakin]

@medicsontheball: Your changes looks fine and you will see changes automatically after 24 hours to clear the cache or you can manually clear it by changing anything in Theme Options panel and save changes.

Note: Please don’t edit or add files inside catch-box-pro directory. As this folder will be reverted back to original when you update the theme and your edits will be lost. So, if you want to edit any core theme functions then you can build child theme and copy functions catchbox_social_networks in your child theme functions.php file and edit it there.

[Sakin]

@Matthew: You can change the color code in the following CSS and then add it in “Appearance => Theme Options => Custom CSS” box.

/* For Slider Arrow Background Color */
#slider-nav a {
    background-color: #21759b; /* Show a solid color for older browsers */
    background-color: rgba(33, 117, 155, 0.6);	
}
#main-slider #slider-nav a:hover {
    background-color: #21759b; /* Show a solid color for older browsers */
    background-color: rgba(33, 117, 155, 1);
}
/* For Slider and Footer Border Color */
#main-slider { border-color: #1b5f7d; }
#colophon { border-color: #1b5f7d; }

[Sakin]

2: The features post by default in inside the main wrapper. So, you will not be able to change the color of left and right side of featured content just from CSS. You need to hire the customizer and move the feature post before wrapper. But yes you can add #ccc color in between the featured post. For this, you can add the following css in “Appearance => Theme Options => Custom CSS” box.
#featured-post { background-color: #ccc; }

If you want to have spaces in homepage message then try the following css.

#homepage-message {
    background-color: #fff;
    border: none;
}
#homepage-message p { background-color: #ccc; }

To add margin below the featured content, you can add the following css in “Appearance => Theme Options => Custom CSS” box.
#featured-post { margin-bottom: 30px; }

For detail customization, I recommend you to hire customizer http://catchthemes.com/hire-customizer/

[Sakin]

Hi Benedikt,

For image with caption, you can add the following css in “Appearance => Theme Options => Custom CSS” box

.wp-caption .wp-caption-text, .gallery-caption {
    font-family: Arial, Helvetica, sans-serif;
}
.wp-caption .wp-caption-text:before {
    content: none;
}
.wp-caption .wp-caption-text {
    padding-left: 8px;
}

Regards,
Sakin

[Sakin]

@Noman: Sorry you are not using our theme. So, I will not be able to help you. You need to post in theme authors support forum. We only support theme by CatchThemes.com

[Sakin]

@jsmoriss: Thanks for your help.

@Garthloc: Yes, WordPress don’t add Open Graph Image By Default. So, you need add in plugins as as suggested by js

[Sakin]

Hi Chip,

1. Reduce the space between the Homepage Headline and Featured Content
— You can adjust the padding in the following css and then add it in “Appearance => Theme Options => Custom CSS” box.
.blog #main { padding-top: 50px; }

2. Color the surrounding background of the featured content area to be #cccccc
— you have already changed that.

3. Reduce the empty space at the bottom of the featured content boxes
— You can adjust padding and margin as per your need and then add it in “Appearance => Theme Options => Custom CSS” box.

#featured-post .post { padding-bottom: 50px; }
#featured-post p { margin-bottom: 40px; }

4. Place an outline that surrounds the entire headline/feature content area
— You can only separate headline but not featured Content area. Featured content area is linked with your latest post wrap. We cannot change this just with css. For this you need to build child theme and edit the placements though action hook.

[Sakin]

Hi Qian,

There is no margin above the menu bar. Your menu is just above the menu.

For spaces in Homepage Headline, you can adjust the padding as per your need and add it in “Appearance => Theme Options => Custom CSS” box.

#homepage-message {
    padding-bottom: 30px;
    padding-top: 30px;
}

Your footer content where it is copyright information. I see you have added in image which is taking spaces. Also there is padding which you can adjust as per your need and then add it in “Appearance => Theme Options => Custom CSS” box.

#site-generator .site-info {
    padding-bottom: 30px;
    padding-top: 30px;
}

[Sakin]

Hello Chip,

You can adjust the margin in the following css and then add it in “Appearance => Theme Options => Custom CSS” box.
#homepage-message p { margin: 20px 0; }

Regards,
Sakin

[Sakin]

Hi Serena,

Sorry I don’t get it what you mean about the css coding. If you don’t want then you can remove the css codes from “Appearance => Theme Options => Custom CSS” box. Also, I see that you have added search widget in Header Top Sidebar, that you can remove and add it in Header Right Sidebar.

Also about the paragraph text, which one are you talking about. I see that you have added lots of headings tags and p tags. So, need more details.

Regards,
Sakin

[Sakin]

@Dona: For widget spacing you need to send me your site URL and the spacing that you want. So, that I can check in and send you the css.

[Sakin]

@Dona: For line height you add the following css:
#primary { line-height: 1.5; }

[Sakin]

@Pippylala: I have already replied you in other support question that you have posted in http://catchthemes.com/support-forum/topic/desktop-media-picture-sizez/

Please don’t post same question in two places.

[Sakin]

ok Sam. thanks 🙂

[Sakin]

@Dona: For spaces between paragraph, you can change the margin bottom as per your need and then add it in “Appearance => Theme Options => Custom CSS” box.
p { margin-bottom: 30px; }

For bold text color, you can change the color code in the following css and then add it in “Appearance => Theme Options => Custom CSS” box.
#primary strong { color: #404040; }

[Sakin]

@Pippylala: You can change the width as per your need in different screen-size. Just make sure, the amount that you increase in #primary should be decreased in #secondary. Then add the following css in “Appearance => Theme Options => Custom CSS” box.

#primary { width: 754px; }
#secondary { width: 406px; }
@media screen and (max-width: 1224px) {
	#primary { width: 654px; }
	#secondary { width: 340px; }	
}
@media screen and (max-width: 1060px) {		
	#primary { width: 530px; }
	#secondary { width: 340px; }	
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {	
	#primary { width: 590px; }
	#secondary { width: 340px; }	
}	
@media screen and (max-width: 960px) {	
	#primary, #secondary { width: 100%; }
}

[Sakin]

@Helios-BP: Nice you got it fixed. Cheers 🙂

[Sakin]

@Dona: Can you send me your site URL? Then I will check in and suggest you the css.

[Sakin]

Hi Serena,

I see that you have added the following css in “Appearance => Theme Options => Custom CSS” box. So, go there and edit the padding-bottom as per you need.
#hgroup-wrap { padding-bottom: 10px; }

Regards,
Sakin

[Sakin]

@FourQuadrants: It’s strange did you change any style in responsive.css file? As when we test the theme in our server. The footer widget is working file. See our demo page at http://catchthemes.com/demo/catch-kathmandu/

I don’t see the following css. Can you add the following css in “Appearance => Theme Options => Custom CSS” box.

@media screen and (max-width: 640px) {
	#supplementary.three .widget-area {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
}

[Author]

Posts