How to remove extra white space above header?

  • Resolved michaelborger

    (@michaelborger)


    14 years, 1 month ago

    Hello. This is regarding my site HawaiiHousingNews.com which uses the PrimePress theme. By default, this theme uses a lot of white space at the top. I’d like to minimize as much of that as possible but I don’t know what to do with the code.

    I’d also like to add a touch of vertical white space in between the blog title tagline and the page tabs because the tabs will soon overrun the tagline if I add a few more.

    Thanks in advance.

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hello Michael,

    To manage the white space at the top and space between blog title and description, do edit in the .homelink and .description class in the style.css file exist in the theme folder. The current one is:

    .homelink class
    .homelink{font-size:35px; line-height:1; font-weight:bold; letter-spacing:-0.5px; padding:40px 20px 10px 20px; font-variant:small-caps;}

    Change value against the padding (40px)

    .description
    .description{color:#666; margin-top:-10px; padding:0 0 10px 21px; font-size:13px; line-height:1; font-style:italic;}

    Change value against margin-top (-10px)

    Thanks!
    Kapil

    Thread Starter michaelborger

    (@michaelborger)

    Thanks so much for the tip! I got rid of a lot of the white space at the top.

    However, the description link didn’t quite work because it adjusted the vertical position of both the title tagline as well as the navbar page tabs. What’s happening is that if I add a few more tabs, they will keep moving left and overlay on top of the title tagline. If I must, I can shorten the tagline but I’m wondering if there’s a way to just drop down the tabs a bit.

    To drop down the tabs add “marign-bottom: 20px;” in .description class, for example:

    .description{color:#666; margin-top:-10px; margin-bottom: 20px; padding:0 0 10px 21px; font-size:13px; line-height:1; font-style:italic;}

    Thanks!
    Kapil

    Thread Starter michaelborger

    (@michaelborger)

    Fantastic! Thanks for your help.

    In older versions of the theme the background behind the header text was transparent, but recently when I upgraded to the latest version that area has a white background now. I can’t seem to figure out how to make the area behind the title of the blog transparent again. Does anyone know where this is in the CSS?

    This doesn’t seem to make any difference at all to my website…

    Changing the padding in the Style CSS file doesn’t have an effect.

    Anyone got any ideas?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to remove extra white space above header?’ is closed to new replies.