Space above and below images
-
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)
-
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!
-
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; } -
-
- The topic ‘Space above and below images’ is closed to new replies.