[Sakin]

@ashrafashraf: Yes our wrapper with in 100px so your background image has to be bigger then that.

[Sakin]

@ashrafashraf: If you have added large image then it will not be inside. As our wrapper for Catch Box theme is 1000px and anything above 1000px will show outside our wrapper.

[Sakin]

@Cybersnaby: Ok then I will give you the css to add and you can change as per your need.

/* For Menu */
#branding .menu { }
/* For Widget Title */
.widget-title { }
/* For Content */
.entry-content { }
/* For gallery Title */
.gallery .widget-title { }

[Sakin]

@Cybersnaby: Can you send me your site URL and image URL. As when you have the following css in your child theme style.css. Make sure you have create ‘images’ directory in your child theme and added grass.jpg image inside images directory in your child theme.

#header-bg {
 background: url("images/grass.jpg") repeat scroll 0 0 transparent;
}

[Sakin]

@willhaley99: Can you remove the previous css that I gave you and add the following:

#header-left {
    display: block;
    text-align: center;
    width: 100%;
}
#hgroup {
    width: 100%;
}

[Sakin]

@Laurie: Sorry it’s “Settings => General”

[Sakin]

@willhaley99: you can add the following css in “Appearance = Theme Options => Custom CSS” box to center your site title
#header-left { float: none; }

But for Header Right Sidebar menu, you will not be able to center it with the search.

[Sakin]

@ashrafashraf: You can either add youtube embed code or just the youtube link.

[Sakin]

Hi Neil,

For border black, you need to add the following css in “Appearance => Theme Options => Custom CSS” box.
#header #mainmenu ul li { border-color: #000; }

For sub-menu background color:
#header #mainmenu ul li ul { background-color: #333; }

Regards,
Sakin

[Sakin]

@Michael: You can change the margin top as per you need in the following css and then add it in “Appearance => Theme Options => Custom CSS” box.

#homepage-message {
    margin-top: 50px;
}

I don’t recommend you to change the header right font and size as for this you need to change to all responsive layout as well. So, it might be problematic for your mobile devices.

Yes, you can change colors and border as following.

#secondary .widget { 
    border: 1px solid #e6e6e6;
    color: #404040; 
}
#secondary .widget .widget-title {
    color: #222;
}
#secondary .widget a {
    color: #757575;
}

[Sakin]

@Laurie: Can you go to “Settings => Readings” and then change the site Tile and click on Save Changes. I hope this will work.

[Sakin]

@Cybersnaby: Your css looks fine but I doubt about the image URL. Where are you adding this custom CSS and where is you grass.jpg image. I hope you are not editing core theme files inside ‘catch-mustang’ directory. Please don’t edit those files inside core theme directory as these files will be reverted back to original when you update the theme.

So, the image url has to be in reference with the file path. For any css edits either you need to add custom css in “Appearance => Theme Options => Custom CSS” box or you need to add it by building child theme style.css file

[Sakin]

@Cybersnaby: Here is the support forum for Catch Mustang http://catchthemes.com/support-forum/forum/catch-mustang-premium/

Can you send me your site URL and desire font for each elements and then I can check in.

Did you check in Font at “Appearance => Theme Options => Font Family Options”?

[Sakin]

@sbartsch: Yes it’s only on font. So, try adding in the following css in “Appearance => Theme Options => Custom CSS” box. This is temporary fix to Chrome issues.
body > div { font-size: 1.4rem; }

[Sakin]

@Michael: You can add the following css in “Appearance => Theme Options => Custom CSS” box.
#featured-post img, #main-slider img { box-shadow: none; }

[Sakin]

@ashrafashraf: It’s because your background image in not setup as responsive. Check out http://webdesign.about.com/od/css3tutorials/a/browser-size-cover.htm and http://css-tricks.com/perfect-full-page-background-image/

[Sakin]

@ashrafashraf: the size depends on your design. Some people uses very small repetitive patterns and make the option repeat while other uses one single large image like 1600px width and 1000px height and so on. It all depends on your uses.

[Sakin]

@KingBetts: Sorry I don’t get it what you mean. You just need to copy all file content.php in your child theme and edit the thumbnail size. Which we have done in Pro version in you are confused.

[Sakin]

@ashrafashraf: How to view in iPhone when you site is offline.

[Sakin]

@Michael: thanks you should have posted in your site URL so that I can answer you properly. So, now I am going to take demo site http://catchthemes.com/demo/catch-kathmandu/ as reference for your questions.

1. Here again which navigation you are talking about. Is it Primary menu in header right section or is Secondary menu at the bottom of header.

So, if you are working on Primary Menu then you need to use the following css.

/* For main wrapper */
#header-menu {}
/* For Hover and Active */
.header-sidebar .widget ul.menu li:hover > a,
.header-sidebar .widget ul.menu a:focus,
.header-sidebar .widget ul.menu .current-menu-item > a,
.header-sidebar .widget ul.menu .current-menu-ancestor > a,
.header-sidebar .widget ul.menu .current_page_item > a,
.header-sidebar .widget ul.menu .current_page_ancestor > a {

}

and, if you are working on Seconday Menu then you need to use the following css.

/* For main wrapper */
#secondary-menu { }
/* For Hover and Active */
#secondary-menu ul.menu li:hover > a,
#secondary-menu ul.menu a:focus,
#secondary-menu .menu .current-menu-item > a,
#secondary-menu .menu .current-menu-ancestor > a,
#secondary-menu .menu .current_page_item > a,
#secondary-menu .menu .current_page_ancestor > a {

}

2. If are you editing the Footer text from “Appearance => Theme Options => Footer Editor Option”. Then you will see one copyright div as below
<div class="copyright"> </div>
And another Powered div as below:
<div class="powered"> </div>

These copyright and powered div is divided into equal half. So, if you want equal half then you can edit text in those div’s but if you want single one column then you can remove everything from Footer Editor Box and add your own text.

3. If you are trying to edit the color of H1, H2 and H3 in both the pages and post, then you can use the following css.

.entry-content h1, .entry-content h2, .entry-content h3 {

}

Thanks for your appreciation and just a quick now. When you edit these CSS or any code files. Please don’t edit core theme file directly. I mean please don’t edit anything inside ‘catch-kathmandu-pro’ directly. As all the changes made inside this directory will be reverted back to original when you update the theme.

So, if you are trying to edit the CSS then either you can add those css in “Appearance => Theme Options => Custom CSS” box or build child theme and add it in child theme style.css. For editing any function, you need to build child theme and edit it. For more about Child theme, you can read this blog post http://catchthemes.com/blog/create-child-theme-wordpress/

[Author]

Posts