[eric.suth]

Hi, I need some help on couple things up top please.

1. How do I decrease the margin between my logo/Tittle and menu to make it look good?

2. How do I get rid of the search bar?

3. How do I change the background of the space above menu?

4. How do I center the Logo, title, and Tagline?

My site is: Unitiger.net

Thanks for your help!

[eric.suth]

I saw in another post you advised-

`#header #mainmenu { margin-top: 40px }`

I put this in custom css and dropped it to 1px but nothing changed.  Please help. Thanks.

[Sakin]

1. How do I decrease the margin between my logo/Tittle and menu to make it look good?
— There is margin because of your long site tagline. So, you can just decrease the width of the header right section where you have social icons and search box. Just add the following CSS in “Appearance => Theme Options => Custom CSS” box:
`#header .social-search { width: 250px; }`

2. How do I get rid of the search bar?
— Just add the following CSS in “Appearance => Theme Options => Custom CSS” box:
`#header .social-search form.searchform { display: none; }`

3. How do I change the background of the space above menu?
— You cannot just change the background above space above menu. You need to change whole header background. Just add the following CSS in “Appearance => Theme Options => Custom CSS” box:
`#header { background: none #cccccc; }`

4. How do I center the Logo, title, and Tagline?
— For this you need to hide the social icon and then add padding left.

[eric.suth]

Thank you Sakin, you’re a magical man.  A couple more questions if you would be so kind.

1. How do I change the font, size and color of the Tittle and Tagline?

2. How do I add an image as the header background?

3. How do I remove the “Leave a Reply” section out of the Home page and Contact page?

Thanks Sir

[Sakin]

@eric.suth: Thanks and here goes the answer to you.

1. How do I change the font, size and color of the Tittle and Tagline?
— Change the size and color code as per your wish and add the following CSS code in “Appearance => Theme Options => Custom CSS” box
`
/* For Site Title */
h1#site-title a { font-size: 45px; color: #444; }
/* For Tagline */
h2#site-description { font-size: 14px; color: #666; }
`

2. How do I add an image as the header background?
— I have take your image in sidebar to show you the demo. Change the image as per you need and add the following CSS code in “Appearance => Theme Options => Custom CSS” box
`#header { background-image: url(‘http://unitiger.net/wp-content/uploads/2013/04/th.jpg’); }`

3. How do I remove the “Leave a Reply” section out of the Home page and Contact page?
— Click to Read Tutorial and if you are still confused then watch this video, Click to View Video

[eric.suth]

Thank you Mr. Sakin. I made my tittle and tagline bigger and now they are mushed together. Can you please work your magic to split them up? Much appreciated.

[iJON]

Mr. Sakin, you are a big help really. even just by reading, I am learning alot …keep it up!

[Sakin]

@iJON: Thanks a lot for your appreciation.

[eric.suth]

Did you see my last post?

~Thank you Mr. Sakin. I made my tittle and tagline bigger and now they are mushed together. Can you please work your magic to split them up? Much appreciated.

[Sakin]

@eric.suth: Yes, but for that I need to check your site and see what is happening. So, post your site URL.

[eric.suth]

Oh sorry, it’s unitiger.net

Thaaanks

[Sakin]

@eric.suth: You just increase the font but didn’t increase the line height of the font. Add the following CSS code in “Appearance => Theme Options => Custom CSS” box
`h1#site-title a { line-height: 1.2em; }`

[eric.suth]

Thanks Brother, you rock!

[Dan]

Hi – I’m having trouble with 2 of these problems as well. I want to get rid of the search box in the header and also remove the gray background in the header. I tried copying and pasting the code you suggested (Design Setting>Custom CSS), but neither worked.

Any Suggestions?

Thanks.

[Sakin]

@These Earthlings: I need your site URL to see what you are doing it and I can send you the code.

[Dan]

theseearthlings.com

And thanks!

[Sakin]

@Dan: You can just add the following CSS in “Appearance => Theme Options => Custom CSS”. box.

#header { background: none; }
#header .social-search form.searchform { display: none; }


[Dan]

That worked. Thank you so much! You are awesome.

[Author]

Posts