[JaneyGParticipant]

Hi,

I have looked through the forum to find information on how to display post images on the home page sidebar. I have added [x_recent_posts count=”4″ orientation=”vertical” category=”category – being my clients category”] – as well as the corresponding css code …

.x-recent-posts.vertical a{width:100%}

My problem is that the width of the post image goes over the sidebar width. Do you have any suggestions to have the image contained within the sidebar width and responsive?

Thank you,
Jan

[JaneyGParticipant]

I figured the image problem out using [recent_posts count=”2″]. One quick question – Can I get a group of 4 (square grid images) in the sidebar?

[RupokMember]

Hi there,

Thanks for writing in! You can add Text Element in sidebar widget areas and use your own HTML with four images. That should be simple. You might need to add some custom CSS under customizer too.

Example :

HTML in Text widget :

<div class="my-images">
  <img src="path/to/image1.png">
  <img src="path/to/image2.png">
  <img src="path/to/image3.png">
  <img src="path/to/image4.png">
</div>

Cusom CSS under Customizer > Custom > CSS :

.my-images img {
  width: 25%;
  float: left;
  padding: 5px;
}

Hope this makes sense.

Cheers!

[Author]

Posts