Decrease image size on "display posts" widget

• 

  verenakacinskis · Member · Jul 25, 2016 at 11:17 am

  • Copy link
  • Add topic to favorites

  Hi!

  I have two different blogs and I’m trying to use “Show posts from other WordPress blog” widget on both of them so people can follow my work on both ends.

  Right now I’m using the footer area to show the widget with images but I feel the image size is too big… Is there a way to decrease the size of those images on that widget?

  This is the CSS I’ve been trying use on this one:

  .jetpack_display_posts_widget-3 {
  	max-width: none;
  }
  
  .jetpack_display_posts_widget-3 img {
  	width: 55px;
  }

  Thanks!

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

• 

  hallluke · Member · Jul 25, 2016 at 2:03 pm

  • Copy link

  Try this instead, you don’t have to centre the content but I think it looks pretty good. You can pick what factor you want to reduce the image by – the first time sets the default and the second for tablet/mobile when the footer widgets take up the whole screen width:

  .jetpack-display-remote-posts {
  	text-align: center;
  }
  .jetpack-display-remote-posts img {
  	width: 60%;
  	height: auto;
  }
  @media (max-width:768px) {
  	.jetpack-display-remote-posts img {
  		width: 40%;
  		height: auto;
  	}
  }

• 

  verenakacinskis · Member · Jul 25, 2016 at 2:30 pm

  • Copy link

  Perfect!! It looks so much better! Now I can use it on the sidebar.

  Thanks!