Activating thumbnails changes display format?

Also, instead of having the thumbnails appear above the post, can it have text wrapped around it?

[ No bumping please. ]

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 and Lists, also here is the link to the default CSS stylesheet: nlp-defaultStyle.css.

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.

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.