Space above and below images

• 

  pressedwordsat · Member · Apr 16, 2018 at 11:37 am

  • Copy link
  • Add topic to favorites

  Hey there, I am new to customizing the CSS on my blog, however in the past day I’ve done a lot of investigation and have managed to fix all of the visual elements I was not 100% happy with . . . except one!

  A blog post example for reference is here:
  https://amsterdamandbeyond.com/2018/04/03/hike-from-oia-to-fira-greece/

  Basically the issue is . . . there is about 15px of padding below my images, but none above them. This is really bothering me and I want it equal above and below. However, as I am pretty new to working with code, I can’t figure out how to edit the overall visualization of images vs just one singular image. I know I need to adjust the padding above and below the image (to 15px vs 0px), but when I go to do it I only change ONE image vs all images bring displayed on my blog. Any tips?!

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

• 

  joshron · Member · Apr 19, 2018 at 5:42 pm

  • Copy link

  Hi pressedwordsat!

  The class “aligncenter” has a bottom margin set to 1.5em. You may change the padding to your desired outcome. Please try the code below and let me know if this works for you.

  
  .aligncenter{
      margin-bottom: 0px !important;
      padding: 10px;
  }
  

  Hope this helps. Thanks!

• 

  thesacredpath · Member · Apr 19, 2018 at 9:50 pm

  • Copy link

  Hi @pressedwordsat, one other way this can be done would be in add the same amount of margin to the top of aligncenter images like this.

  .aligncenter {
    margin-top: 1.5em;
  }

• 

  pressedwordsat · Member · Apr 20, 2018 at 7:55 am

  • Copy link

  Thank you both!! fixed!!

• 

  thesacredpath · Member · Apr 20, 2018 at 6:37 pm

  • Copy link

  Hooray and you are welcome!