Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • March 6, 2013 at 9:01 pm #4738
    subper
    Member

    Hi, I like your theme, and am glad that I discovered your page!

    But I cannot solve some things. I’d like to make the header smaller in height. My problem is it gets even taller when I put the logo in. And: the logo gets a light border. Please check: http://proba.renatalehnert.com/

    Thanks for your help!

    Subper

    March 8, 2013 at 12:49 am #4768
    Sakin
    Keymaster

    @subper: You can reduce the padding of hgroup-wrap. Just add the following CSS in “Custom CSS” box in your Theme Options panel.
    #hgroup-wrap { padding-bottom: 0; }

    March 8, 2013 at 1:06 am #4774
    subper
    Member

    Thanks, a bit better but the header is still too tall. How can I set its height?

    And the logo has a white border that shouldn’t be there.

    Thanks

    March 8, 2013 at 1:12 am #4776
    Sakin
    Keymaster

    There is no white border in the header but your logo has border see this http://proba.renatalehnert.com/wp-content/uploads/2013/03/logo1.jpeg
    You can further decrease the padding top
    #site-logo { padding-top: 0; }

    March 8, 2013 at 2:28 am #4789
    subper
    Member

    Thanks, you were right about the border, sorry! I’d like to position the logo a bit more. Can I set the padding under the logo to be smaller? And can I move the logo left or right?

    Thanks again!

    March 8, 2013 at 4:05 pm #4819
    Sakin
    Keymaster

    you can add the following css
    #header-left { height: 80px; }

    March 8, 2013 at 5:25 pm #4825
    subper
    Member

    Thanks, can you please tell me, how can I move the logo left or right? (left or center)?

     

    March 9, 2013 at 11:51 am #4853
    Sakin
    Keymaster

    @subper: Can you tell me what you want to do left or right?

    March 9, 2013 at 7:40 pm #4879
    subper
    Member

    To move the logo. I don’t know yet which place is the better position: at the left or in the center.

    Thanks

    March 10, 2013 at 3:02 pm #4918
    Sakin
    Keymaster

    @subper: For moving to left you need to reduce the padding for the header wrap that will be as following
    #hgroup-wrap { padding-left: 3rem; padding-left: 30px; }

    and for moving right just increase the above padding. But we careful about the responsive design it might hamper it. So, the best to move right will be to upload the header image with right margin.

    March 12, 2013 at 1:17 am #4987
    subper
    Member

    Isn’t it possible to align to a relative center to keep responsiveness?

    Thanks

    March 12, 2013 at 11:42 am #5017
    Sakin
    Keymaster

    @subper: For responsive you need to control a lot. there is whole set of responsive css in responsive.css . So, you need to adjust each @media screen. So, I suggest you to take expert help either from Tweaky or http://jobs.wordpress.net/

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Header size and logo border’ is closed to new replies.