Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #15794
    kris10haley
    Member

    I know this looks redundant, but I’m having issues even though I’ve seen TONS of posts on this, Sakin!

    I’ve been playing with some of the custom CSS you’ve offered in the forums, like taking off the border in images (thought that would fix my problem if I just straight up removed the header image but noooope), and visited a bunch of other topics and added the custom CSS you rendered for people.

    My test site is here: http://bexparent.com/ilanakatzkatz/

    ..and my client also does not want so much white space around her logo (especially above). A few other tasks she asked me to try to help here with are:

    * making the logo 75-80% of it’s current size
    * lessening the white space above/below posts, pages and widgets..

    Let me know if you can be of any assistance to me!

    Thanks in advance,

    Kristen

    (this is the Custom CSS I have currently)

    #hgroup-wrap { padding: 0; }
    #site-logo { padding: 0; }
    .post .post-thumb a, img[class*=”align”], img[class*=”wp-image-“] { border: none; }
    #main #content img { border: none; }

    #15809
    Sakin
    Keymaster

    @kris10haley: You can remove the white space around her logo (especially above) by adding in the following CSS in “Appearance => Theme Options => Custom CSS” box.
    #header-content { padding: 0; }

    For making the logo 75-80% of it’s current size, you and just upload the small size logo.

    For lessening the white space above/below posts, pages and widgets.. This theme is design with lot of white spaces to create clean look.

    To reduce the white page above and below content

    .hentry {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    To reduce the white page above and below widgets

    .widgets {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #16000
    jasont
    Member

    Sorry to jump in on this post but I have a related question, after you remove the white space #header-content { padding: 0; } how do you get rid of the rest of the white space? There is still a few pixels of white space left
    Thanks in advance

    #16011
    jasont
    Member

    I’ll answer it for you for anyone in the future looking for a solution #header-image {margin-top:-1px;}

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Header and White Space’ is closed to new replies.