Featured image blurry and need to be adjusted (size)

Hi,

It uses the post thumbnail of your theme and that’s a tiny image. Because my plugin stretches this image to 40% of the total event width, it gets blurry at your site.

I might add a setting in next plugin version for this, but meanwhile you can change the size by changing the shortcode file. Open relevant shortcode file and look for:

$output .= get_the_post_thumbnail( null, 'post-thumbnail', array('class' => 'vsel-image vsel-widget-hide') );

You should change ‘post-thumbnail’ into ‘medium’ or ‘large’ and check which of the two looks best.

Guido

Hi.
Thanks for the support.
And sorry if I ask stupid questions but I’m learning this.
Where to locate the shortcake file, I had a look but can’t find it.
Also is there where I can enter something for the alignment of the picture ?
Thanks

Hi,

To be honest, I will update plugin this weekend and there will be some major changes. So if I give you advice now, it will not be valid after plugin update next weekend.

Until now it’s for upcoming events located in file vsel-upcoming.php, but this file will be replaced by another one next update.

No alignment possible, image is always stretched to 40% of the total event width. In widget it’s full width (100%). As mentioned before, that’s why in your case the image is blurry (because the original image that is used is tiny).

I’m still thinking about adding a settings to change the size of the image.

Guido

Thanks for the reply.
So I’ll wait for the update.

Hi,

Yes, please wait until I’ve updated plugin this weekend.

I will add a shortcode attribute to set the image-size that is being used by my plugin. This way you can avoid blurry images.

And I will also change the default image size from 40% into max 40% of total event width… this way a tiny image will not be stretched.

Guido

Hi again,

Have updated plugin. You can now change the image.

Info from the readme file:

—
You can change the default image size that is being used to display the featured image.
WordPress creates duplicates in different sizes upon upload. These sizes can be set via Settings > Media.

Small sized image: [vsel image_size="small"]
Medium sized image: [vsel image_size="medium"]
Large sized image: [vsel image_size="large"]

Note: I have set the featured image width at max 40% of the total event width. And for widget and mobile screen at max 100% (full width).

Note: The featured image width in a single event is handled by your theme.
—

Have fun!

Guido

Hi. working like a charm. Thanks for the support
Best

Hi,

I might relocate the image size (that is being used for the featured image) from attribute to the settingspage. And on the settingspage I will add 2 global options: for image size on regular page (using shortcode) and for widget.

What are your thoughts about this?

Guido