Reduce spacing between side widget thumbnails

• 

  nilla2014 · Member · Dec 9, 2017 at 9:14 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I’ve changed my ‘Today’s reader favourites’ side widget’s from ‘Image List’ to ‘Image Grid’. The thumbnail on the right is now truncated.
  Can I reduce the padding between the 2 thumbnails, so this moves the right thumbnail closer to the left thumbnail so it’s not obscured?

  Not sure if I use something like this? .widgets-grid-layout.no-grav

  Many thanks

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

• 

  jennysihua · Member · Dec 10, 2017 at 1:46 am

  • Copy link

  Hi @nilla2014,

  Did you change your content area to be wider at any point? That could be what’s causing the images in the Image Grid to cut off.

  I’m not sure how to reduce the spacing between the images (perhaps another member of the the forum can help in this regard), but try the CSS below to reduce the size of the image grid area in general so that none of the images are cut off. Note that this will slightly reduce the size of the square images in the image grid.

  .widgets-grid-layout.no-grav {
  width: 82%;
  }

  Hope that helps (at least for now)!

• 

  nilla2014 · Member · Dec 10, 2017 at 1:57 pm

  • Copy link

  Many thanks @jennysihua, that seems to work for my laptop/PC, tablet, mobile device. :)