How do I reduce the padding of smaller images?

• 

  chuckburr · Member · Feb 9, 2017 at 6:37 pm

  • Copy link
  • Add topic to favorites

  Take a look at the small images on this page. How do I reduce/adjust the padding around them to I can get text/content closer?

  https://thefeedtoday.com/the-good-news/

  Cheers,

  Chuck Burr
  Ashland, OR

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

• 

  staff-loquaciousloon · Staff · Feb 9, 2017 at 7:57 pm

  • Copy link

  Hi @chuckburr!

  I’m only seeing one image on that page (large one at the top). Did you make changes since posting this message? :)

• 

  chuckburr · Member · Feb 9, 2017 at 8:03 pm

  • Copy link

  Try this page haha!

  https://thefeedtoday.com/news/

• 

  staff-loquaciousloon · Staff · Feb 9, 2017 at 8:20 pm

  • Copy link

  There they are! :)

  The first thing I would recommend is adding this under My Site > Customize > CSS:

  .entry-content li {
      clear: both;
  }

  That’s not for padding, but it will help with the alignment issues you’re seeing :)

  From there, something like this should help with the spacing:

  .entry-content li a .alignright {
      margin: 1.125em .2em;
  }

  That puts a very narrow amount of padding on either side of right aligned images that are in a link, in a list item – so it should help with the page you’ve described, and pages like it, but not impact other parts of the site.