Condensing the height of extra space on front page

  • Author
    Posts
  • #62442

    plmwanchai
    Member

    We want to use logo with a large height on the top of the front page, but it makes the text below the featured items start below the first screen. I have hidden the blog navigation tabs above the hero slider and the featued topics with CSS, thanks to the help forum. Is there any way to condense any of the space on the front page-around the logo, above the hero slider or above the fetured items so the featured items text below the pictures will start higher on the page? I am using a grid format.

    The blog I need help with is harvesttestblog.wordpress.com.

    #62670

    thelukemcdonald
    Theme Author

    There is likely some top padding and margins that can be removed to help with this, however, it likely won’t make a big difference. Because there are so many different screen resolutions and monitor sizes, the content display will vary depending on the size of the users monitor or device screen.

    I’d recommend limiting the height of the logo image to a size that works well, especially considering it will be displayed on each page. Having the user scroll too far down the page on each page load probably isn’t ideal in most cases.

    #62672

    plmwanchai
    Member

    Thanks for the suggestion. Is there a way to hide the icons to toggle between grid and single image layout in the space above the featured images?

    #62673

    plmwanchai
    Member

    What is the CSS to eliminate the space above and below the Logo to make the look blocks without spaces–Thanks!

    #62674

    thelukemcdonald
    Theme Author

    If you can add a new topic for the icon customization question, I can help you from there. This will allow us to keep on topic for this ticket.

    #62675

    thelukemcdonald
    Theme Author

    The following CSS will remove the top and bottom padding of the logo image:

    .site-info {
      padding: 0;
    }
    #62679

    plmwanchai
    Member

    Thanks that worked great for all the space between the top nav and the logo image. There is still a space below–between the logo and the main-container (outline). I tried using the code below to eliminate any padding around the main container. All it did was hide the top and bottom line of the main container, but still left the space between bottom of the logo image and the main container.

    #main-container {
    padding: 0;
    }

    This may be a separate topic, but at this point I don’t know what I am asking to change to eliminate the remaining space.—Thanks!

    #62739

    thelukemcdonald
    Theme Author

    Is it possible to make your site public? It’s a bit tough to troubleshoot without seeing what has been done.

    #62773

    plmwanchai
    Member

    I have made the site public. Based on some other questions you answered I have decided to leave the space for now. Thanks!

The topic ‘Condensing the height of extra space on front page’ is closed to new replies.