[Theme: Catch Box] Changing the Widget and header background color in catch box

Hi groovybowtie.

To modify the background color for the header and widget.
Go to Appearance menu. Then go to Theme Options submenu.
In the custom css styles input box add the following css code.

#branding {
   background-color : #D4D496;
}
.widget {
   background-color : #D4D496;
}

#D4D496 is the color code. Add the color code of your choice.

Regards
Sanjiv(Catch Themes)

Thanks Sanjiv,
I actually tried it and it didn’t work. I also tried changing the color in the style.css file with no luck at all, any suggestions?

#branding {
background-color: #fff;
padding-bottom: 10px;
position: relative;
z-index: 9999;
-moz-border-radius: 5px;
border-radius: 5px;
}

Did you save the changes after putting the my above code. You should save the changes by clicking sav just below.

Yes I did. Is there another way of doing it ? or am i doing anything wrong? i just pasted it custom css styles and saved it. refreshed the page nothing happened. It also doesn’t seem to respond to changes on the style.css file for instance i tried to adjust the size of the header from auto to 200px and from 100 % to 960px ,clicked update file, it wouldn’t do anything !!!

#branding img {
height: auto;
margin-bottom: -7px;
width: 100%;

Are the custom css still showing in the custom css styles input box after you saved it. If not there might be some bug. There were some bug issue for custom css in the older versions, please update to the latest version 1.0.8. And try again it should work. I have just checked it in the version 1.0.8 and it is working fine. It should work in your website as well.

You’re right, they were not showing.I updated my theme and tried again.It worked. You’re a champ, thanks heaps.

You are welcome. Your website looks really awesome. I like it.

Oh thanks man, i really like the catch theme. It is neat and clean…

Hey Sanjiv,
I just discovered the website is not optimized to mobiles, what can i do to fix that?

Hi groovybowtie,

Can you tell us what do you mean by website is not optimized to mobiles. Let us know the details and your suggestions and we will consider it in future updates.

Regards,
Sakin

Hi sakin, is there a way to change the background image of the header without doing it in the backend.

In the backend I only got it to add a thumbnail instead of having an entire image in the header which would look much better.

I tried laying in the css code:

background-image: url(urlhere);

but that did not work. Is there anything else that can be done?

Hi deltaskelta.

If you want to add header background image.

Go to APPEARANCE>THEME OPTIONS> Custom CSS Styles.
In this input box add the following code.

#branding  {
    background-image: url("valid_image_path");
}

And save the changes. Please use latest version of catch box if you are using older versions.
The image you are adding from the backend is the header logo, which you can disable if you wish.

Hope this helps.

Regards,
Sanjiv(Catch Themes)

Hi I have used some of the above changes to the css custom editor. They are great but I now need to change the font colour used on the widget areas as it is no longer very visible. can you please advise.
I also want to reduce the padding around the header image logo. SOrry for so many questions first time of using wordpress and a little adventure ??