Twenty Seventeen Theme – Remove title and white space

  • Resolved NevNic

    (@nevnic)


    4 years, 4 months ago

    I do not want the Page Title to be displayed and I want to remove as much white space as possible so that the Gallery (the only item on the page) displays full screen.

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

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

  • Hi @nevnic

    You can remove Site title and white spaces with following CSS :

    
header.entry-header {
    display: none;
}
div#gallery-1 {
    margin-top: -168px;
}

    I hope this will help you.

    Regards,
    Ruchit

    Thread Starter NevNic

    (@nevnic)

    Yes indeed!
    That works great. Many thanks.

    Would you also know how to remove the spaces between the images in the Gallery so that they all butt together into one long scroll?

    To remove white spaces between images please use following CSS:

    
.gallery-item {
    padding: 0!important;
}

    Regards,
    Ruchit

    Thread Starter NevNic

    (@nevnic)

    Thank you very much, but for some reason that seems to have worked only on the first two images?

    Hi @nevnic

    The CSS are working absolutely fine, its the background color of images because of which you are feeling CSS has been applied to only first 2 images.

    Regards,
    Ruchit

    Thread Starter NevNic

    (@nevnic)

    Aah OK, understood. I’ll crop the images.

    Many thanks for your help.

    Thread Starter NevNic

    (@nevnic)

    Resolved

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Twenty Seventeen Theme – Remove title and white space’ is closed to new replies.