Spacing

• 

  twistedt · Member · Aug 26, 2010 at 12:18 am

  • Copy link
  • Add topic to favorites

  My homepage is a static page and I have my demos posted. On the page I have 2 columns but I’m looking to create a smaller gap between my demos. Any help would be appreciated.

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

• 

  hallluke · Member · Aug 26, 2010 at 1:06 am

  • Copy link

  Change the padding-right and padding-left values in the two container div elements that you have. They’re both currently set to 10px giving you a 20px gap. Adjust them accordingly.

• 

  twistedt · Member · Aug 26, 2010 at 2:26 am

  • Copy link

  Thank you for your reply. I tried what you said and made both values 0 but that did not move the gap. But when I remove the text then the audio players will close the gap. Do I need to put something in for the text? exp. <p>

• 

  panaghiotisadam · Member · Aug 26, 2010 at 7:40 am

  • Copy link

  If you mean the gap between the two columns, change the column widths from 50%-50% to, say, 40%-60%. (In that case you’ll need to change the width of the players too.)

  If you mean the horizontal gaps, add negative margins to each player:

  <p>TEXT HERE</p>
  <div style="margin-top:-20px;margin-bottom:-16px;">
  SHORTCODE HERE
  </div>