[Sakin]

@judyhko: Sorry this option is not there in Catch Box Free theme but you can have it on Catch Box Pro version. See this for more details about Catch Box Pro added features. http://catchthemes.com/theme-instructions/catch-box-pro/

[Sakin]

@judyhko: Sorry this option is not there in Catch Box Free theme but you can have it on Catch Box Pro version. See this for more details about Catch Box Pro added features. http://catchthemes.com/theme-instructions/catch-box-pro/

[Sakin]

@ktglasscock:

1. How do I change the font color of the site description? I recently asked a question how to increase the site description font size, now I would like to change “Dedication to Innovation” to black.
— First you need to reset your header color through “Appearance => Header” as if you change the color from here, it will change the color of both site title and description. So, just set that to default and add the following css in “Appearance => Theme Options => Custom CSS” box where I have added color for both site title and site description.

#site-title a { color: #f9cc00; }
#site-description { color: #000; }


2. Can I change the menu titles to the same gold color I have in my heading? If so, what is the CSS for that?
— Just add the following css in “Appearance => Theme Options => Custom CSS” box
#header-menu ul.menu a { color: #f9cc00; }

[Sakin]

@denise.c.wamsley: Sorry this is more of server issue and not related to Our Theme. So, I won’t be able to help much.

Yes, it is recommended to use W3 Total Cache or WP Super Cache as per you site need. Also, you have have lot of traffic to site then I think you need to consider looking for other best hosting companies.

[Sakin]

@jocatman: You have to be vary careful while adjusting for responsive css. You have to add with media query. You can adjust all through Custom CSS box in Theme Options panel.

For example.
/* For all screen above 1190px resolution */
@media screen and (min-width: 1190px) {
.site {
margin: 40px auto;
margin: 4rem auto;
max-width: 1140px;
max-width: 114rem;
width: 100%;
}
}
/* For screen with max width resolution of 1060px */
@media screen and (max-width: 1060px) {
.site {
margin: 20px auto;
margin: 2rem auto;
width: 90rem;
}
}
/* For screen with max width resolution of 960px */
@media screen and (max-width: 960px) {
.site {
width: 70rem;
width: 700px;
}
}
/* For screen with max width resolution of 767px */
@media screen and (max-width: 767px) {
.site {
width: 380px;
width: 38rem;
}
}

[Sakin]

Thanks Karin for your appreciation. You made by day.

[Sakin]

@Dan: You can just add the following CSS in “Appearance => Theme Options => Custom CSS”. box.

#header { background: none; }
#header .social-search form.searchform { display: none; }


[Sakin]

@robkai: thanks for clearing things up. As I was trying to find the issue on my side of IE and it was working fine. Great. Thanks.

[Sakin]

@Mickesan: Add the following CSS for mobile devices. You can add the following CSS in “Appearance => Theme Options => Custom CSS” box.
@media screen and (max-width: 767px) { .tiled-gallery { width: 100%; } }

[Sakin]

@laidback: Just try adding in the following CSS in “Appearance => Theme Options => Custom CSS” box and refresh your browser.
#site-logo a { display: inline-block; }

[Sakin]

Hi Karin,

Can you try the following css to remove the border from the image.
.entry-content img { border: none; }

Regards,
Sakin

[Sakin]

@These Earthlings: I need your site URL to see what you are doing it and I can send you the code.

[Sakin]

Hi Karin,

There is problem in your codes in Custom CSS box. I see that you have added the following code
.entry-meta .no-padding-left {
display: none;

where it’s missing closing }

It should be as following
.entry-meta .no-padding-left { display: none; }

[Sakin]

@Jos: Greetings from Catch Themes.

Q1: I want to remove the shadows behind the menu buttons (hover/active). When the buttons have a dark color the shadow looks okay, but I want to give them a lighter color.
A1: You can remove the box shadow by adding in the following CSS in “Appearance => Theme Options => Custom CSS” box.
#access ul li a:hover, #access ul li.current-menu-item a, #access ul li:hover > a { box-shadow: none; }

Q2: I’d like to place my tagline Create > Art > Communicate at the same height as the text ‘.com’ (from my logo). Is that possible? Right now the tagline is positioned a little bit too high (go to http://www.brimbrom.com to see what I mean).
A2: Kist add the following CSS in “Appearance => Theme Options => Custom CSS” box.

/* You can increase the padding top for large screen */
#site-description { padding-top: 28px; }
/* Now remove the padding top for mobile devices */
@media screen and (max-width: 767px) { #site-description { padding-top: 0; } }


Q3: I’ve removed the top grey bar in the header directly in style.css, is that the right way?
— No it’s not. Don’t change any code files or sytle. If you want to change css then add it in “Appearance => Theme Options => Custom CSS” box or build child theme and add in the child theme style.css. This will maintain your changes even when you do the updates of the theme.

We constantly update our theme to add new features and for fixes. So, if you have changes any code theme files, it will be overwritten when you do the updates.

[Sakin]

@karinschultz: Sorry it cannot be that pixel perfect as due to change in different browsers. This is the max we can do about it.

[Sakin]

@karinschultz: Just add the following css in “Appearance => Theme Options => Custom CSS” box.
h1, h2, h3, h4, h5, h6 { color: #76cec8; }

[Sakin]

Hi Karin,

Really sorry for the issue and thanks for pointing out the missing css for email fields. We will add soon in next version update. But for now you can add the following css in “Appearance => Theme Options => Custom CSS” box.

input[type="email"] {
padding: 5px 10px;
-moz-box-shadow: 0 1px 5px #dcdcdc inset;
-webkit-box-shadow: 0 1px 5px #dcdcdc inset;
box-shadow: 0 1px 5px #dcdcdc inset;
border: 1px solid #cccccc;
height: 30px;
line-height: 20px;
width: 75%;
-webkit-appearance: none;
}


[Sakin]

@karinschultz: The size of them caption box depends on the image on the caption box not the text. But you can change the values from css. Try the following css in “Appearance => Theme Options => Custom CSS” box.

/* To Increase the width of the caption box */
.page .wp-caption { width: 300px; }
/* To remove the border of the caption box */
.page .wp-caption { border: none; }
/* To decrease the padding left of the caption text */
.page .wp-caption .wp-caption-text { padding-left: 10px; }
/* For caption text font size and line height */
.page .wp-caption .wp-caption-text { font-size: 12px; line-height: 18px; }


[Sakin]

If you want to change the image size though css then you can add the following CSS in “Appearance => Theme Options => Custom CSS” box.

/* Resize For Large Screens */
img.wp-post-image { max-width: 50%; }
/* Resize back full for Small Sreens */
@media screen and (max-width: 960px) { img.wp-post-image { max-width: 97.4%; } }


[Sakin]

@GAHC: Yes you are right. You can choose any photo.

[Author]

Posts