Title: Activating thumbnails changes display format? Last modified: August 21, 2016 --- # Activating thumbnails changes display format? * [ebiznet](https://wordpress.org/support/users/ebiznet/) * (@ebiznet) * [11 years, 10 months ago](https://wordpress.org/support/topic/activating-thumbnails-changes-display-format/) * I am using this awesome plugin on my site’s homepage and setting it up in Widgets. When I activate show thumbnails,the posts display changes to a block format, with each post having a border. While the original posts (without thumbnails) are displayed in a wide column of about 700 pixels on my homepage, the thumbnails activation causes the posts to be displayed in blocks which have a narrow column of about 200 pixels. [Screenshot 1 (Without Thumbnails)](http://i.imgur.com/6rUtgiQ.png) [Screenshot 2 (With Thumbnails)](http://i.imgur.com/nuiUFfS.png) How do I display thumbnails without affecting the rest of the display? * [https://wordpress.org/plugins/network-latest-posts/](https://wordpress.org/plugins/network-latest-posts/) Viewing 3 replies - 1 through 3 (of 3 total) * Thread Starter [ebiznet](https://wordpress.org/support/users/ebiznet/) * (@ebiznet) * [11 years, 10 months ago](https://wordpress.org/support/topic/activating-thumbnails-changes-display-format/#post-5036426) * Also, instead of having the thumbnails appear above the post, can it have text wrapped around it? * _[ [No bumping please](http://codex.wordpress.org/Forum_Welcome#No_Bumping). ]_ * Plugin Author [Jose Luis SAYAGO](https://wordpress.org/support/users/iluminatus/) * (@iluminatus) * [11 years, 10 months ago](https://wordpress.org/support/topic/activating-thumbnails-changes-display-format/#post-5036632) * Hello, I’m sorry not to be able to provide you with a prompt and detailed response but I’m currently working on a project which demands all of my attention. * However, the issue you’re experiencing can be fixed tweaking the default CSS style. Network Latest Posts includes one parameter called “css_style” which allows you to include a custom CSS file to customize its appearance. * Here are two links where you will find the HTML structure for blocks and lists: [Blocks](https://gist.github.com/laelitenetwork/6040928) and [Lists](https://gist.github.com/laelitenetwork/6040897), also here is the link to the default CSS stylesheet: [nlp-defaultStyle.css](https://gist.github.com/laelitenetwork/6017167). * Just copy that file, tweak the classes to match your theme, save the customized file to your active WordPress theme folder (i.e: /wp-content/themes/YOUR_THEME/ nlp-custom.css) then include in your Widget or Shortcode (if using widgets set the CSS Style to **nlp-custom**, please note there is no _**.css**_ at the end) and that is it. * Images in the stylesheet are styled like this: **Unordered Lists** * ``` .nlposts-ulist-container .nlposts-ulist-thumbnail-litem a > img { display: block; padding: 4px; line-height: 1; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); max-width: 100%; margin-left:auto; margin-right: auto; } ``` * **Ordered Lists** * ``` .nlposts-olist-container .nlposts-olist-thumbnail-litem a > img { display: block; padding: 4px; line-height: 1; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); max-width: 100%; margin-left:auto; margin-right: auto; } ``` * **Blocks** * ``` .nlposts-block-container .nlposts-block-thumbnail-litem a > img { display: block; padding: 4px; line-height: 1; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); max-width: 100%; margin-left:auto; margin-right: auto; } ``` * I hope this information helps you achieve what you want. * Regards, José SAYAGO. * Thread Starter [ebiznet](https://wordpress.org/support/users/ebiznet/) * (@ebiznet) * [11 years, 9 months ago](https://wordpress.org/support/topic/activating-thumbnails-changes-display-format/#post-5036641) * Hi Jose Thank you for your reply – better late than never! 🙂 As a non-techie and web developer, I have very little knowledge of how to put your reply to use for me. I tried uploading the css file are you directed, without changing the contents, but the result is the same. I shall engage someone at freelancer.com to help me resolve this quickly. Thanks again for your reply. I appreciate you taking the time to write such a detailed reply. Viewing 3 replies - 1 through 3 (of 3 total) The topic ‘Activating thumbnails changes display format?’ is closed to new replies. * ![](https://s.w.org/plugins/geopattern-icon/network-latest-posts_61c601.svg) * [Network Latest Posts](https://wordpress.org/plugins/network-latest-posts/) * [Frequently Asked Questions](https://wordpress.org/plugins/network-latest-posts/#faq) * [Support Threads](https://wordpress.org/support/plugin/network-latest-posts/) * [Active Topics](https://wordpress.org/support/plugin/network-latest-posts/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/network-latest-posts/unresolved/) * [Reviews](https://wordpress.org/support/plugin/network-latest-posts/reviews/) ## Tags * [thumbnails](https://wordpress.org/support/topic-tag/thumbnails/) * 3 replies * 2 participants * Last reply from: [ebiznet](https://wordpress.org/support/users/ebiznet/) * Last activity: [11 years, 9 months ago](https://wordpress.org/support/topic/activating-thumbnails-changes-display-format/#post-5036641) * Status: not resolved