Jump to content


Photo
- - - - -

Spacing Within Boxes


  • Please log in to reply
4 replies to this topic

#1 tim4708

tim4708

    Super Member

  • Members
  • PipPipPipPip
  • 111 posts

Posted 08 February 2011 - 06:09 PM

Hello. I have inserted pictures into my posts in "Boxes." There are 3 boxes set across the page. The distance between the picture and the caption is different for each box. I would like to make them equal. My website is www.business-english-editors.com I would like all three boxes to look like the middle box. Thank you very much for your help!

#2 Kate

Kate

    Advocate

  • Members
  • 3039 posts

Posted 08 February 2011 - 07:14 PM

Hi Tim - The extra spacing in the middle box is coming from an extra `

` tag just above the image.


#3 tim4708

tim4708

    Super Member

  • Members
  • PipPipPipPip
  • 111 posts

Posted 09 February 2011 - 11:51 AM

Thank you, Kate. Would you be so kind as to tell me how to add an extra <p> tag above the 2 images in the other 2 boxes? Best, Tim

#4 Kate

Kate

    Advocate

  • Members
  • 3039 posts

Posted 09 February 2011 - 01:17 PM

Hey Tim - The other option, (which would be better), is to just delete the extraneous paragraph from that middle box, and add custom CSS to increase the spacing. Here's how to do that:

1) In the box edit screen for that middle box, make sure you're in HTML view. Look for this code:
`

Please Login or Register to see this Hidden Content

`

Just above that you should see:
`

`

This is the line you want to delete. (Alternatively you might see a blank space above the image in non-HTML view... In that case, just delete that space.)

2) Add this in your "Custom Code" (CSS) area:

Please Login or Register to see this Hidden Content


Let us know if you need additional help...

#5 tim4708

tim4708

    Super Member

  • Members
  • PipPipPipPip
  • 111 posts

Posted 10 February 2011 - 02:01 PM

Awesome! Thanks, Kate!