How to reduce padding beneath home page image in motif?

• 

  floridaconcierge · Member · Mar 5, 2014 at 4:05 am

  • Copy link
  • Add topic to favorites

  how to reduce padding beneath home page image on motif?

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

• 

  kardotim · Member · Mar 7, 2014 at 7:59 am

  • Copy link

  You can add and edit this code to your Custom CSS:

  .entry-summary, .entry-content {
  padding: 1.3334em;
  }

  Please let us know if you need any further assistance!

• 

  floridaconcierge · Member · Mar 8, 2014 at 3:13 pm

  • Copy link

  I stated my need incorrectly. It’s not padding that needs reducing.

  I’d like to reduce the vertical white space after my last line of text in the Page entries. It looks like there are two lines of white space. Perhaps reduce to only one line of space between text and block edges.

• 

  kardotim · Member · Mar 9, 2014 at 7:35 am

  • Copy link

  Could you please point out in more detail where that exactly is on the home page?

• 

  floridaconcierge · Member · Mar 9, 2014 at 2:49 pm

  • Copy link

  Thanks for helping.

  On the Home Page, the white space beneath the image “Everything you want”. It seems there is too much space within the entry. Same with the Strategies and Examples pages…where I use the grid layout. It feels like that Parent page entry has too much bottom-margin space after text or images.

• 

  kardotim · Member · Mar 9, 2014 at 6:34 pm

  • Copy link

  That white space can be removed with the CSS I posted in my previous reply. Let me know how that goes.

  The grey space can be reduced by using this CSS code:

  .hentry {
  margin-bottom: 55px;
  }

  You can read more information about editing CSS at http://support.wordpress.com/editing-css/

• 

  floridaconcierge · Member · Mar 10, 2014 at 8:43 pm

  • Copy link

  The grey space reduction code worked as planned. Thank you.

  Regarding the white space, the proposed code eliminates margins all around the text, so what happens is the text in the sub-page summary windows ends up touching the edges of the windows.

  What I’d like to do is reduce only the bottom and or top margin, not the side margin.

• 

  kardotim · Member · Mar 11, 2014 at 7:19 am

  • Copy link

  Sorry about that, you just need to add and adjust this code:

  .entry-content {
  padding: 1.3334em;
  }

• 

  floridaconcierge · Member · Mar 11, 2014 at 3:00 pm

  • Copy link

  Unfortunately that code eliminates margins around the text. You can see this if you click through to a child page article…the text is on the edge of the entry box.

• 

  kardotim · Member · Mar 12, 2014 at 5:55 pm

  • Copy link

  I see what you mean. Please try this instead:

  .post-330 .attachment-motif-page-thumbnail.wp-post-image {
      margin-bottom: -10px;
  }
  
  .entry-meta {
      display: none;
  }
  .post-330 .entry-content {
      display: none;
  }

• 

  floridaconcierge · Member · Mar 13, 2014 at 12:37 am

  • Copy link

  Outstanding. This code works as hoped for. Thanks so much!

• 

  kardotim · Member · Mar 13, 2014 at 1:29 pm

  • Copy link

  Great! Feel free to contact us if you have any other questions.