Decrease empty space near top

  • Resolved manythings

    (@manythings)


    6 years, 8 months ago

    Is there a way to decrease the amount of empty (vertical) space near the top as in the screenshot at the link? I don’t use a header image and so there’s too much space. I don’t know how to write HTML but if someone gives me code I know how to paste it into the stylesheet.

    Don’t know if it makes any difference but I only care what it looks like on desktop, not mobile.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Sure can you show us your website

    Thread Starter manythings

    (@manythings)

    Is it not possible to provide a solution based on the screenshot?

    Try this rule:

    
#content {    
/* reduces the gap at the top from POST to top menu bar*/

    padding-top: 35px;
}

    Play with the px number to see what happens.

    • This reply was modified 6 years, 8 months ago by tarau.

    I share a similar issue with the Twenty Seventeen theme where I have tried to add custom CSS from other closed forums to remove the white space on only the first section panel featured on the homepage in the static layout. Unfortunately, the coding that I enter revises the white space on every homepage section panel and website page.

    Any chance anyone can assist me with only removing the white space (above and below the image) from the first section panel on the homepage of my site?

    https://www.dashingdulhan.com

    Thanks in advance!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    @nadjv, in the “Additional CSS” section of the dashboard add this:

    
.twentyseventeen-front-page .site-content {
    padding-top: 0;
}

.twentyseventeen-front-page .panel-content:first-child .wrap {
    padding-bottom: 0;
    padding-top: 0;
}

    https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress

    Thank you so much, Andrew!
    This worked perfectly!

    Thread Starter manythings

    (@manythings)

    Thanks Tarau, that worked.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Decrease empty space near top’ is closed to new replies.