WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] How to remove extra white space above header? (7 posts)

  1. michaelborger
    Member
    Posted 3 years 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.

  2. kapilj
    Member
    Posted 3 years ago #

    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

  3. michaelborger
    Member
    Posted 3 years ago #

    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.

  4. kapilj
    Member
    Posted 3 years ago #

    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

  5. michaelborger
    Member
    Posted 3 years ago #

    Fantastic! Thanks for your help.

  6. Chris Brennan
    Member
    Posted 2 years ago #

    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?

  7. Alex2240
    Member
    Posted 2 years ago #

    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?

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags