- This topic has 17 replies, 4 voices, and was last updated 11 years, 4 months ago by Dan.
-
AuthorPosts
-
April 20, 2013 at 4:51 am #7382eric.suthMember
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!
April 20, 2013 at 6:53 am #7386eric.suthMemberI 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.
April 20, 2013 at 4:57 pm #7414SakinKeymaster1. 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.April 21, 2013 at 9:36 am #7446eric.suthMemberThank 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
April 21, 2013 at 9:40 pm #7472SakinKeymaster@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 VideoApril 22, 2013 at 11:25 am #7516eric.suthMemberThank 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.
April 22, 2013 at 7:26 pm #7543iJONMemberMr. Sakin, you are a big help really. even just by reading, I am learning alot …keep it up!
April 22, 2013 at 9:39 pm #7549April 23, 2013 at 9:51 am #7599eric.suthMemberDid 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.
April 23, 2013 at 5:38 pm #7622SakinKeymaster@eric.suth: Yes, but for that I need to check your site and see what is happening. So, post your site URL.
April 24, 2013 at 9:04 am #7709eric.suthMemberOh sorry, it’s unitiger.net
Thaaanks
April 24, 2013 at 11:36 am #7714SakinKeymaster@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; }`April 27, 2013 at 12:15 pm #7896eric.suthMemberThanks Brother, you rock!
April 27, 2013 at 10:19 pm #7907DanMemberHi – 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.
April 28, 2013 at 12:25 am #7910SakinKeymaster@These Earthlings: I need your site URL to see what you are doing it and I can send you the code.
April 28, 2013 at 1:13 am #7918DanMembertheseearthlings.com
And thanks!
April 28, 2013 at 1:18 am #7919SakinKeymaster@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; }
April 28, 2013 at 1:24 am #7920DanMemberThat worked. Thank you so much! You are awesome.
-
AuthorPosts
- The topic ‘Header Help’ is closed to new replies.