No settings for image width available?

Hi, @marjwyatt.

Please get my email in the plugin settings and send me your theme.

I will have to install that to understand what’s happening.

By the way, which are your WooCommerce and FIFU versions?

Thanks.

Thank you for your quick response.

I have been able to overcome this by adding some image widths to the stylesheet. Each declaration is followed by the !important clause to ensure that it is interpreted.

This is not a WooCommerce site so I have no WooCommerce version to share.

The FIFU is Version 1.4.5.

Rather than send you the code/theme via email, I will grant temporary administrative access to a version of the code on a staging location. The theme is a custom theme based on the Genesis Framework. I’m not sure it is allowed for me to send you that framework if you have no license for it.

Honestly, I wondered if your plugin would do what I wanted to have done because it seemed to be specific to offsite images related to WooCommerce and other well-known image sharing locations. It did work because the code relies on WordPress standards. That’s a good thing to know, eh?

Which plugin settings did you enable, please?

Hi, Marj.

I have accessed the site. It’s working fine with Twenty Sixteen theme but not completely with Genesis. So it’s just a theme issue and not a bug in plugin. Maybe the author of the theme can help you with that.

About the code above, it’s not generated by FIFU. The plugin provides a clean img tag and all CSS code, including the size, is a theme responsability.

And the plugin wasn’t done for WooCommerce. Actually, when I released the first version, I didn’t know what WooCommerce was.

Thanks.

As I mentioned in the email I just sent you, when the image is uploaded to the media library, that doesn’t prove that there is a problem with the Genesis Framework. The plugin, as I understood it, is intended to allow for external images to be set as the featured image.

The Genesis Framework does not have customized featured image handling. Their code relies on what is used by WordPress core.

Anyway, I solved it using CSS so the discussion becomes moot. I just didn’t want folks to get the wrong idea about what was proven, or not proven, by the test you performed earlier.

Marj,

Please inform which files you have changed. And paste the code lines here.

It will help a lot.

I only changed the theme’s style sheet. This is the CSS that I added.

.archive img.post-image {
            min-width: 300px !important;
}

In subsequent viewports, I altered the width of that element as was needed.

I’ve also captured the underlying HTML for the audience of this post, as that HTML relates a featured image uploaded to the installation’s Media Library and also from an external URL, which is generated by your plugin:

Plugin generated HTML
<a aria-hidden="true" href="https://psdemo2.virtuallymarj.net/journal/dimensioning-diamonds/" class="entry-image-link"><img width="1" height="1" itemprop="image" alt="Dimensioning Diamonds" class="alignleft post-image entry-image" src="https://www.pricescope.com/files/articles/Star-Ratio-GIA-AGS-Bruce-Harding-article-2014.png"></a>

Genesis Framework generated HTML
<a aria-hidden="true" href="https://psdemo2.virtuallymarj.net/journal/8-tips-help-you-sell-your-branded-jewelry/" class="entry-image-link"><img width="300" height="272" sizes="(max-width: 300px) 100vw, 300px" srcset="https://psdemo2.virtuallymarj.net/wp-content/uploads/2016/10/WP-Diamonds-Article-Tiffany-Solitaire-Diamond-Ring-300x272.jpg 300w, https://psdemo2.virtuallymarj.net/wp-content/uploads/2016/10/WP-Diamonds-Article-Tiffany-Solitaire-Diamond-Ring-150x136.jpg 150w, https://psdemo2.virtuallymarj.net/wp-content/uploads/2016/10/WP-Diamonds-Article-Tiffany-Solitaire-Diamond-Ring.jpg 500w" itemprop="image" alt="8 Tips to Help You Sell Your Branded Jewelry" class="alignleft post-image entry-image" src="https://psdemo2.virtuallymarj.net/wp-content/uploads/2016/10/WP-Diamonds-Article-Tiffany-Solitaire-Diamond-Ring-300x272.jpg"></a>

Marj, the plugin is not able to create this HTML code.

The plugin was done to simply replace an internal URL by an external. What happens after that is done by the theme.

What’s happening is that in category page the theme is trying to use thumbnails, copies of the internal image in different sizes. And once these thumbnails are not there, because you are using an external image, the theme hides the image.

So the plugin replaced just the URL. All the rest is handled by the responsive CSS of the theme. By the way, how did you solve the problem? Changing the CSS of the theme.

And I didn’t say the theme is bad. I just said that it was done to work with thumbnails at some points, what is a very good thing. But it can get lost if the thumbnail is not found.