[Sakin]

@donestefano71: You can use the float left for the element such as below css in your “Appearance => Theme Options => Custom CSS” box.
.category .hentry { float: left; }

But if you want more dynamic then see the below tutorials
http://www.wplover.com/1818/tutorial-using-jquery-masonry-with-wordpress/
http://wp.tutsplus.com/tutorials/theme-development/using-jquery-masonry-for-pinterest-like-posting/

[Sakin]

@cercub: It should be working fine. Remove the following code from Custom CSS box.
#header { background: #2013e7; }

Then add the header background as below:
#header { background-image: "image path"; } }

[Sakin]

@cercub: You can just upgrade to Simple Catch Box Pro theme where there is color option in Theme Options panel.

[Sakin]

@karinschultz: About checking theme option panel, i need your site access for which you can send me reply on private email.

1. change the colour of the site name to 3ae59c – same as border colour
— Just add the following CSS in “Appearance => Theme Options => Custom CSS” box.
#site-title a { color: #3ae59c; }
2. change colour of search button to 3ae59c – same as border colour
— Just add the following CSS in “Appearance => Theme Options => Custom CSS” box.
#branding .searchform button { background-color: #3ae59c; }

3. reduce the space between the tag line and menu – that is bring the site name and tag line closer to menu – line up tag line with bottom of the search box.
— Just add the following CSS in “Appearance => Theme Options => Custom CSS” box.
#sidebar-top { margin-bottom: 0; }

[Sakin]

@donestefano71: Sorry this option is not there. You might need to work on custom codes.

[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.

[Author]

Posts