No margin between photos and text

• 

  bookscansavealife · Member · May 20, 2016 at 4:08 pm

  • Copy link
  • Add topic to favorites

  Hi, occasionally, I insert a photo and the text jams up right against it, with no margin.
  I don’t know CSS, had an artist customize my site who then went out of business.
  Can anyone tell me how I can fix this and why it happens? Just occasionally?

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

• 

  carladoria · Member · May 20, 2016 at 4:59 pm

  • Copy link

  Hi,
  Checking your post: https://bookscansavealife.com/2016/05/20/braiding-sweetgrass/
  I saw the text was jamming up next to an image, so I believe you’re referring to this one.
  Try the following CSS, to add it go to My Sites > Customize > CSS
  and paste this content:

  .entry-content .alignleft {
  display: inline;
  float: left;
  margin-right: 2em;
  }

  Don’t forget to click Save.
  I hope this helps with all images.

• 

  bookscansavealife · Member · May 20, 2016 at 7:29 pm

  • Copy link

  Carla, thank you so much, I will try it!

• 

  dianakcury · Member · May 20, 2016 at 11:11 pm

  • Copy link

  Hello,

  It seems the pictures with captions are still glued to to text that can be fixed it with this code:

  .wp-caption.alignleft {
      margin-right:2em!important
  }
  
  .wp-caption.alignright {
      margin-left:2em!important
  }

  Also, the caption text is very alike the general text, maybe we can change it a little:

  .wp-caption .wp-caption-text {
      font-size: 90%;
      margin: 0;
      text-align: left;
      font-family: Arial;
      line-height: 1.5em;
      display: table;
      padding: 10px;
  }

  That’s are my suggestions :)

• 

  bookscansavealife · Member · May 21, 2016 at 12:12 am

  • Copy link

  Diana, thank you!