Rick Hellewell

This was fixed in version 1.06, re-download and install.

Thank you. That fixed it. Looks like the theme CSS was the source. But I was having trouble figuring out the fix.

Perhaps the CSS fix should be in the metaslider CSS?

Thanks again…Rick…

I tested 1.8.22 and the captions (specified in the #img1 caption=’this is a caption’) is placed in the text via the HREF Code, and in the ALT parameter of the IMG tag. Here is what is generated (for lurkers) (URLs are santitized a bit, along with some extra line breaks for readability)

<a class="gallery_colorbox cboxElement" href="https://www.mysite.com/subsite/wp-content/uploads/sites/2/2016/12/storm-tree-3.jpg" data-featherlight="image">

<img class=" size-medium wp-image-83 alignleft " 
src="https://www.mysite.com/subsite/wp-content/uploads/sites/2/2016/12/storm-tree-3-300x200.jpg" 

alt="this is image 1" 

srcset="https://www.mysite.com/subsite/wp-content/uploads/sites/2/2016
/12/storm-tree-3-300x200.jpg 300w, https://www.mysite.com/subsite/wp-content/uploads/sites/2/2016/12/storm-tree-3-768x512.jpg 768w, https://www.mysite.com/subsite/wp-content/uploads/sites/2/2016/12/storm-tree-3-676x450.jpg 676w, https://www.mysite.com/subsite/wp-content/uploads/sites/2/2016/12/storm-tree-3.jpg 821w" 

sizes="(max-width: 300px) 100vw, 300px" width="300px" height="200px">

[Picture: this is image 1]
</a>

The caption, however, is not placed in the metadata for the picture (the info you see on the right when you click on a picture in the Media screen).

It would seem that having the ‘caption’ value in the ‘caption’ metadata would be the intent of the ‘caption’ code. That way, a theme could use the caption-metadata to put the caption of the image below the image, rather than as the HREF text.

That plugin allows you to look at the media on other blogs (sub-sites), but doesn’t (as far as I can tell from the description) show a ‘global-all-media-on-all-blogs-on-one-page’– which is what I was looking for.

It’s also not clear if it works on a multi-site installation; in fact, one review (although old) says it does not work on multisite.

OK. For those that don’t have an ‘alignleft’ in their CSS/theme, you can change the image template to something like:

<a href="{PAGELINK}"><img src="{MEDIUM}" alt="{CAPTION}" width="{MEDIUMWIDTH}" height="{MEDIUMHEIGHT}" class=" size-medium wp-image-{ID} " style="float:left;margin-right:1em;" /></a>

Note the placement of the

style="float: left; margin-right: 1em;"

outside of the ‘class’ attribute. I also used double-quotes to match the other parameters of the template. You may need to adjust the margin-right value to your needs.

You might need to add an ‘!important’ depending on your theme to ensure that the style parameters are force-used, so it would be:

<a href="{PAGELINK}"><img src="{MEDIUM}" alt="{CAPTION}" width="{MEDIUMWIDTH}" height="{MEDIUMHEIGHT}" class=" size-medium wp-image-{ID} " style="float:left !important ;margin-right:1em !important ;" /></a>

These additional commands in the template should work across multiple themes. YMMV.

…Rick…

…and just noticed the ‘alignnone’ in the code; it might be best to take that out, although the ‘alignleft’ seems to override the ‘alignnone’ settings.

Here’s a corrected version:

<a href="{PAGELINK}"><img src="{MEDIUM}" alt="{CAPTION}" width="{MEDIUMWIDTH}" height="{MEDIUMHEIGHT}" class=" size-medium wp-image-{ID} alignleft " /></a>

…Rick…

I was able to add to the template (under Images) to wrap text around the pictures. They key is to add ‘alignleft’ (no quotes) inside the ‘style’ area of the template. Here’s an example.

<a href="{PAGELINK}"><img src="{MEDIUM}" alt="{CAPTION}" width="{MEDIUMWIDTH}" height="{MEDIUMHEIGHT}" class="alignnone size-medium wp-image-{ID} alignleft " /></a>

If two images are near enough each other inside a text area that they would not fit vertically, the ‘alignleft’ will place the 2nd image in the center, with text still wrapped.

I suppose you could also use ‘alignright’ and ‘aligncenter’ as additional classes to wrap text around a right or centered picture.

Perhaps something to add to the explanatory text on the “Images’ page.

Looking forward to the caption fix.

Thanks….Rick..

Sorry for the delay in responding. I thought that I’d get notified by email of any support issue.

Have you tried deleting the plugin and then reinstalling – via the “add plugin’ page?

Sorry for the delay in responding. I thought that any support questions via the plugin page would result in an email to alert me about a new question.

Please create a test page with a video URL. Copy the code (on the editor’s text page) before and after a save/update into a reply here (use the ‘code’ button), and the URL of the test page. You can also send it to me directly via the contact page at https://cellarweb.com/contact-us/ .

This will help me to duplicate your problem, and figure out a solution.

Thanks.

Thanks. Will check out the fix in the normal update process.

Test message just sent, with two pictures attached, and two uses of the #imgx# tag.

Thanks for the quick reply.

Sorry for the late reply. Things are working as designed now with the latest update.

But, suggestion: the notifications on the pluging-log (Audit Log) page should show, if possible, the ‘referrer’ of a request that results in a 404. Looking at the actual log file (which also needs to show the ‘referrer’ info) is needlessly extra steps, since there is a ‘audit log’ page visible from the WP Admin area. (And the audit log items on the main site Dashboard page should also include the ‘referrer’ info.

Having the ‘referrer’ info will greatly help the process of fixing any bad links, if that is the cause of the 404.

Good to fix the typo in the alerts, but there is still no log file in the folder. This happens in several WP sites I manage, so is not site-specific.

Thanks. The 2.2 update appears to fix this problem.

further research: problem is actually here:


function WPLINKS_add_css() {
echo "\r\n\n<!-- WP Links CSS-->";
if (WPLINKS_EXTERNAL_IMAGE == 'on') {
echo "\r\n<style type=\"text/css\">\r\n.wp-links-icon { background:url(\"".WPLINKS_get_external(WPLINKS_IMAGE)."\") no-repeat 100% 50%; padding-right:15px; margin-right: 2px;};\r\n</style>\r\n\n";
} else {
echo "\r\n<style type=\"text/css\">\r\n.wp-links-icon { background:url(\"".WPLINKS_IMAGE_PATH."\") no-repeat 100% 50%; padding-right:15px; margin-right: 2px;};\r\n</style>\r\n\n";
}
}


Isn’t the css (along with the padding/margin, which is causing the extra space) always added, even if you specify no icon to be used in the settings?