[Sakin]

@ashrafashraf: Now sure what is your issue. Can you explain it and also your site in offline again.

[Sakin]

@ashrafashraf: Yes I will check in all ticket. Please don’t post here and there. It’s making me confused. I will check all the question in the list as posted.

[Sakin]

@ashrafashraf: You can add the following css.

#site-generator { 
background-size: 100%;
background-image: url("http://www.idaat.se/wp-content/uploads/2014/06/f.png");
background-repeat: no-repeat;
background-position: center top;
}

But for your padding top you need adjust as per your screen-size. Following is just a sample padding top. You can adjust as per your need.

#site-generator { padding-top: 459px; }
@media screen and (max-width: 1060px) {
    #site-generator { padding-top: 300px; }
}
@media screen and (max-width: 960px) {
    #site-generator { padding-top: 220px; }
}
@media screen and (max-width: 767px) {
    #site-generator { padding-top: 134px; }
}
@media screen and (max-width: 479px) {
    #site-generator { padding-top: 75px; }
}

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

[Author]

Posts