Yoko theme remove extra and empty space

• 

  summerk9000 · Member · Nov 17, 2015 at 11:49 pm

  • Copy link
  • Add topic to favorites

  I’m using the Yoko theme and there is an empty area between the final content and the footer that I would like to remove with custom css if possible. It seems to be the way the template works.

  Any ideas how to do this?

  Thanks

  The blog I need help with is: (visible only to logged in users)

• 

  susanbarwood192 · Member · Nov 18, 2015 at 9:02 am

  • Copy link

  I would also like to remove empty spaces on the Gateway theme, especially between the Custom header and the slideshow below.
  The blog I need help with is susanbarwoodphotography.com
  Thanks

• 

  thesacredpath · Member · Nov 19, 2015 at 9:18 pm

  • Copy link

  Hi @susanbarwood192, since you are using a different theme, and since CSS is generally theme specific, can I ask you to create a new thread in the CSS Forum? Many thanks in advance.

• 

  thesacredpath · Member · Nov 19, 2015 at 9:24 pm

  • Copy link

  @summerk9000, there are two things creating that space. One is the div for the comments and the second is padding and margin on the bottom of the content div. Add the following CSS to get rid of those.

  #comments {
      display: none;
  }
  #content .page {
      border-bottom: none;
      padding-bottom: 0;
      margin-bottom: 0;
  }

• 

  summerk9000 · Member · Nov 19, 2015 at 11:07 pm

  • Copy link

  Thanks! That did the trick.

  But if people do comment on the blog page will it not display it?

• 

  thesacredpath · Member · Nov 20, 2015 at 2:32 am

  • Copy link

  No, the comments will not display. It looks like you have commenting disabled or turned off on your pages. You can remove the first rule I gave to keep the comments div there in case you later allow comments.