Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #7382
    eric.suth
    Member

    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!

    #7386
    eric.suth
    Member

    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.

    #7414
    Sakin
    Keymaster

    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.

    #7446
    eric.suth
    Member

    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

    #7472
    Sakin
    Keymaster

    @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

    #7516
    eric.suth
    Member

    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.

    #7543
    iJON
    Member

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

    #7549
    Sakin
    Keymaster

    @iJON: Thanks a lot for your appreciation.

    #7599
    eric.suth
    Member

    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.

    #7622
    Sakin
    Keymaster

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

    #7709
    eric.suth
    Member

    Oh sorry, it’s unitiger.net

    Thaaanks

    #7714
    Sakin
    Keymaster

    @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; }`

    #7896
    eric.suth
    Member

    Thanks Brother, you rock!

    #7907
    Dan
    Member

    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.

    #7910
    Sakin
    Keymaster

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

    #7918
    Dan
    Member

    theseearthlings.com

    And thanks!

    #7919
    Sakin
    Keymaster

    @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; }

    #7920
    Dan
    Member

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

Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘Header Help’ is closed to new replies.