Adjusting header border

Tagged: header, size

This topic has 8 replies, 3 voices, and was last updated 11 years, 4 months ago by speedie.

Viewing 9 posts - 1 through 9 (of 9 total)

Author

Posts
July 1, 2013 at 10:03 pm #11276

jrreminick
Member

I’m using the free Catch Everest theme and I want my header logo to take up the entire header space. Unfortunately there is this pesky white border I can’t get rid of.

Any suggestions?

here is my site:
http://jenniferreminick.com/

July 2, 2013 at 8:35 pm #11312

Sakin
Keymaster

@jrreminick: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box
#hgroup-wrap, #site-logo { padding: 0; }

July 2, 2013 at 9:18 pm #11320

speedie
Member

Hi, I am using the free version of the catch everest theme and thanks to the post above have been able to change the header height to my log, but I would like to change the white background to yellow so that it will merge into one with my yellow logo.

Does anybody know how to change the header from white to yellow?

Thanks.

July 3, 2013 at 5:51 pm #11367

Sakin
Keymaster

@speedie: Post your site URL. So, that I can send you the code.

July 3, 2013 at 11:43 pm #11377

speedie
Member

Hi Sakin, I followed your post about reducing the header size and it worked great and resized to the new header size.

The site is just a testing site for another live site and the header I want to be yellow and then the white space to be yellow as well so that it all blends into one.

web address is: http://www.speediecars.co.uk

July 4, 2013 at 12:09 am #11378
Sakin
Keymaster
@speedie: You can change the background color of the header by adding the following CSS in “Appearance => Theme Options => Custom CSS box.
```
#hgroup-wrap {
    background-color: #fefb00;
}
```
July 4, 2013 at 12:21 am #11380

speedie
Member

Thanks very much Sakin that works great and solves the problem!

One more question though, now the header is yellow the search box is faint in colour as it is a light grey, is there anyway to change it to black so that it stands out more?

Thanks for the help

July 4, 2013 at 11:58 am #11390
Sakin
Keymaster
@speedie: You can add the following css.
```
#header-right #s {
    background-color: #3a3d41;
    color: #fff;
}
```
July 5, 2013 at 12:21 pm #11432

speedie
Member

Thanks for your help Sakin!

Everythings working great now!
Author

Posts