[egnalc]

I’m trying to get familar with this them and I have a few questions.

Is there a way to change the color of Homepage Header where you change logo?

Is there a way to add an address on the top right side of header, you see the logo ( Catch Mustang  and that is it on the top, nothing else.

On my About Us page, is there a way to change the width of the sidebar? It seems like its too wide.

My site is gcautocare.com

Thanks

[Sakin]

@egnalc: Homepage Top right is for the search and social icons see this in demo http://catchthemes.com/demo/catch-mustang/ . To add there you need coding skill so better use Tweaky see their banner at the sidebar.

Add the following CSS in “Custom CSS” box in your Theme Options panel in your WordPress Dashboard for background and sidebar width.

/* To Change the background color of Hompeage Header */
.home #header-bg {
background: none #000;
}
/* To Change the background color of All Site Header */
#header-bg {
background: none #000;
}
/* For change width of sidebar in about page of your site */
page-id-12 #secondary { float: right; width: 25%; }


[paigeohliger]

Hello, we recently purchased Catch Mustang Pro theme as well with the hope that changing the header area color was fairly simple.

We are wondering how to change the header color and depth along with the color of the drop down menus?

It appears that the depth of the header is 250, we would like to change it to 200.

We would also like the grey image in the header background throughout the site to be removed and the header color to be #4e2e10. And the drop downs should be that color as well.

our site is: http://plantricious.com/

Thanks for your help!

[Sakin]

@paigeohliger: Here goes solution for your queries. Just add the following CSS in “Custom CSS” box in your Theme Options:

/* Decrease Header height by 50px */
#header-content { padding: 20px 0 10px;}
/* For Header Background Color */
#header-bg { background: none #4e2e10; }
/* For Drop Down menu color */
#access ul ul { background-color: #4E2E10; }
/* For menu over color background */
#access ul li:hover > a { background-color: #4E2E10; }


[paigeohliger]

Thanks, that does take care of the first level nav, but not the sub-nav and sub-nav hover overs. Any suggestions?

[Sakin]

For submenu hover. But you have to change different background for submenu then only you can change submenu hover color. If both color are same then it won’t show any difference.

/* For Submenu Hover Color */
#access ul ul li:hover > a { background-color: #4E2E10; }
/* For Submenu Background color */
#access ul ul { background-color: #4E2E10; }


[paigeohliger]

We added the following CSS in “Custom CSS” box in your Theme Options as suggested earlier:

/* Decrease Header height by 50px */
#header-content { padding: 20px 0 10px;}

That worked for the home page, but not all the other secondary pages and posts.
We would like those to be decreased to match the homepage.

Any help would be greatly appreciated.

[Sakin]

@paigeohliger: I need to look at your site to see what is happening and then only I can suggest you the css changes. You site URL http://plantricious.com/ is in coming soon.

[paigeohliger]

It is now live.

[paigeohliger]

Any possibility you can help before Monday? I have to take the site back offline.

[Sakin]

@paigeohliger: Are you talking about the header menu. If it design like that. See this http://catchthemes.com/demo/catch-mustang/parent-page/ and http://catchthemes.com/demo/catch-mustang/ But if you want it to look similar then add the following css:

#header-bg { margin-bottom: 63px; }
#access { margin: 0 0 -63px; }


[paigeohliger]

Thank you, that worked perfectly!

[onlinko]

How to change background color for complete site?

[Sakin]

@onlinko: Can you send me your site URL?

[Author]

Posts