Support

Home Forums Events Calendar Add-on Adjust featured image so it works for every upload

Adjust featured image so it works for every upload

Posted: September 30, 2013 at 12:28 pm


Alison Bancroft

September 30, 2013 at 12:28 pm

It appears the featured image is set at certain dimensions which don’t work well for a vertical image I’m trying to use (http://theparchedpainter.com/calendar/). Is there a way to adjust the settings so they accomodate both horizontal and vertical files? Thanks!

Erin


Sidney Harrell

September 30, 2013 at 1:27 pm

One thing that might help is to change http://theparchedpainter.com/wp-content/plugins/espresso-calendar/css/calendar.css line 607 to:

#espresso_calendar span.thumb-wrap {
display: table;
margin: 6px;
vertical-align: middle;
}

You also might want to try the Beta version of the calendar in the pre-release channel.


Alison Bancroft

October 1, 2013 at 10:28 am

Thank you but that removed the thumbnails from the calendar. I want to be able to view the entire image as a thumbnail (not cropped) in the calendar view of the plugin. I went back to the old code and now both of the thumbnails are cropped (http://theparchedpainter.com/calendar/). I do not know where to find the Beta version. Can you tell me? Thanks!


Sidney Harrell

October 1, 2013 at 10:33 am

On your account page, below the downloads available on the right side there should be a link to enable the pre-release channel. Once you have enabled the pre-release channel, you should see a link to download the Beta version of the calendar.


Alison Bancroft

October 2, 2013 at 12:02 pm

Do I need to uninstall the calendar plugin I have now and the upload and activate the BETA version? How will this new version help with the thumbnail dimensions? Thanks.


Dean

October 3, 2013 at 1:15 am

Hi Alison,

As the calendar we are suggesting you down load is a Pre Release plugin (still being actively worked on), its folder will be a different name, so you should be ok just to de-activate the old calendar and install this one side by side. If the installation fails then yes you will need to delete to old one. Please do not have them both active at the same time, your site will break.

The images in the calendar need to be activated via the calendar settings, and only the width is controlled by the plugin so taller images should keep their aspect ratio.


Alison Bancroft

October 3, 2013 at 9:53 am

I’ve deactivated the older version of the calendar and activated the BETA version, but I am getting ? boxes where the image should be. I’ve checked “Enabled Images in Calendar” within the Calendar Settings. What is not working? Thanks!

http://theparchedpainter.com/calendar/

Erin


Dean

October 4, 2013 at 5:57 am

Hi Alison, we are aware of this and going to get the developers to look into it, it should just be a simple fix as its pulling in the wrong file urls.


Alison Bancroft

October 4, 2013 at 8:30 am

Thanks. Will you notify me when it is resolved? Will I, then, have to download an updated BETA version and install that on my site? No worries. Just let me know when and how to proceed. Thanks!


Dean

October 4, 2013 at 9:48 am

Sure thing. And yes you will need to remove that version and add the fixed version instead.


Alison Bancroft

October 12, 2013 at 7:04 am

I wanted to check in on the status of the BETA version of this plugin. Have the developers had an opportunity to look into it and fix the issue I was having with the thumbnails being cropped? This is holding up the project so I’m hoping to get this last issue resolved as soon as we can. Thanks!

Erin


Josh

  • Support Staff

October 15, 2013 at 8:27 am

Hi Alison,

Here is the fix that has been proposed to deal with the issue you’re seeing:

In the espresso-calendar.php file ~ line 530 this:

if ( ! file_exists( $uploads['basedir'] . DIRECTORY_SEPARATOR . $filename . $thumbnail_size . '.' . $ext )) {

gets changed to this:

if ( ! file_exists( $uploads['basedir'] . DIRECTORY_SEPARATOR . $filename . '.' . $ext )) {

The other means that works is to go into the General WP media Settings and check the box for “Crop thumbnail to exact dimensions (normally thumbnails are proportional)”. Then upload new featured images for events. WP’s cropping feature will ensure the thumbnail images will have the image size.


Alison Bancroft

October 16, 2013 at 1:56 pm

Hi Josh,
I’ve done this and I’m not having any luck. Actually things are a little worse. I’m not unable to add a thumbnail. When I click on Featured Image and browse for the thumbnail and insert it, I get the blue box with the question mark in it and no image appears on my calendar.

What do you suggest? Should I remove permanently the Event Espresso plugins then reinstall everything? Does the new update include this new code that you’ve sent? Or is there anyone there that can help me make this fix so we can finalize the website?

I do have the box “Crop thumbnail to exact dimensions (normally thumbnails are proportional)” checked. It’s always been checked. Is that how it’s supposed to be for this to work?

I appreciate all of your support. We just can’t move forward until this is resolved.

Thanks!


Josh

  • Support Staff

October 16, 2013 at 2:18 pm

If the “Crop thumbnails” box has always been checked then it’s likely a different issue then.

The other thing to check is when you go to upload a featured image in the event editor make sure that the link URL is set to “File URL” and size is set to “Thumbnail”.

Here is a screenshot of these two settings in the modal box that appears after you upload the image.


Alison Bancroft

October 17, 2013 at 7:33 am

Thanks. I am now able to get the thumbnail to view! Only issue is it’s cropping the image to the thumbnail dimensions (i.e., a square). We’re going to be adding different images of paintings and most are not a square shape. I’d like to be able to add the image and keep its dimensions intact. For example, this link shows how I’d like the paintings to appear in the calendar (http://www.thepaintbar.com/calendar.php?location=Newton). This is a link to our current calendar that displays the featured images as a cropped thumbnail (http://theparchedpainter.com/calendar/). Is there a way to keep the dimensions consistent so the image is not cropped? I’ve made the updates to the php file as you suggested and it’s still not working. Thanks so much for the help.


Josh

  • Support Staff

October 17, 2013 at 9:12 am

Hi Alison,

At this point I am not sure whether the Event Espresso calendar that is under development right now will be able to display un-cropped thumbnail images that are taller than the default thumbnail image height. I can suggest a workaround where you’d limit the portrait oriented images to your set thumbnail image height (as set in WordPress>Settings>Media. This will prevent WP from cropping the image. That may involve editing the portrait images so they have white space on each side so the thumbnails are square.


Alison Bancroft

October 21, 2013 at 10:57 am

Hi-
I am having major problems now with the calendar plugin. I was testing out the BETA version on my site because I was unable to upload thumbnails and have them stay proportional inside the calendar view. I’ve learned I will need to create graphics for each that are square shaped so they will view in the calendar view and not be cropped. That’s fine. Problem now is my pages (other than my homepage) will not fully load with the Event calendar plugin activated. I assumed it was an issue with the BETA version so went back and deactivated that. Once I did, the pages loaded properly. I then went and reinstalled the first version of the Calendar plugin that I had installed originally, but once activated, my pages are not loading properly. There is obviously a conflict with your plugin and my site. Is there anything you can do to help with this so I’m able to use the calendar plugin AND have my pages load correctly? Right now I normally only get the call to action button (Subscribe to our newsletter) to appear on a page. http://theparchedpainter.com/how-it-works/

Thanks,
Erin


Josh

  • Support Staff

October 21, 2013 at 2:37 pm

Hi Erin,

Can you outline what on the pages are not loading up properly when the calendar is active so we can investigate?

For example, when you mention this:

Right now I normally only get the call to action button (Subscribe to our newsletter) to appear on a page.

Should something else be appearing there?

I looked through some of the source of the site and did find this line in the theme’s style.css on line 65 that can be fixed. Right now it says:

<code>h1, h2, h3, h4, h5, h6 {
	color: ##2aabe2;</code>

It has an extra # there so it should be changed to:

<code>h1, h2, h3, h4, h5, h6 {
	color: #2aabe2;</code>


Alison Bancroft

October 22, 2013 at 4:16 am

Thanks. I fixed that error in the code.

I’ll send 2 screenshots. The first is what I see when the calendar plugin is activated and the calendar page attempts to load. The second is the calendar page with the Events Calendar plugin deactivated. It loads fine. I also went back and activated the BETA version of the calendar plugin. On the first attempt it loaded fine. But when I clicked on Calendar the second time, I’m back to the white screen with the green call to action button appearing. That is on the page within a widget (top bar, left side). Other items are inside the widgets on the top half of the page, but they are not appearing.

How can I send these 2 screen shots to you?

Do you think I should just uninstall both the Events Espresso plugin and the Events Calendar plugin and start over? They were working fine at first. This issue only came up after we tried to fix the way the thumbnail was showing up in the calendar view. Maybe somewhere along the way things broke? Not sure.

Thanks!
Erin


Josh

  • Support Staff

October 22, 2013 at 8:18 am

Hi Alison,

You could try deactivating and deleting the version the Espresso Calendar you have installed right not and uploading a fresh copy of it downloaded from your account page. The current build that’s available there has a few fixes.

With the screenshots, you can upload the screenshots to your media library, and post the URLs to your images in this support thread.


Alison Bancroft

October 22, 2013 at 8:43 am

Here are the two screenshots. I’ll try deactivated, deleting and reinstalling the calendar plugin and see if that’s the fix we need. Thanks!

http://theparchedpainter.com/?attachment_id=271
http://theparchedpainter.com/?attachment_id=270


Alison Bancroft

October 22, 2013 at 8:56 am

I went into the cpanel, removed the files for the calendar, reinstalled the newest download of the calendar I pulled from my account here, and I’m still getting the white page load with the green Sign up for our newsletter button alone.

I deactivated one of my other plugins (a social media plugin) and the calendar plugin appears to be working now. Think there’s just a conflict with the social media plugin? Have you heard that before? It is the Social Media Widget plugin.


Josh

  • Support Staff

October 22, 2013 at 9:08 am

Hi Alison,

I checked and loaded up the Social Media Widget plugin and set it up on my test site running the twentythirteen theme and everything looks all right from my end. What could be happening is here is a multiple conflict between the theme, the social widget plugin, and the calendar though.


Alison Bancroft

October 29, 2013 at 10:31 am

Thanks Josh. I’ve deactivated the social media plugin and things are fine (I just need to find another social media plugin that will work with both the theme and the Event Espresso plugin). I’m still having problems with the featured thumbnail getting cropped in the calendar view. It had been resolved but now it’s back. Can you please help me resolve this? We need to launch this site within the next couple of weeks (at the latest) and we need to be certain it’s where we need it to be before launching it.

What I’ve done is create a graphic of the thumbnail so it would fit within the calendar box. It did work, but now part of the thumbnail is getting cut off again: http://theparchedpainter.com/calendar/

Thanks you your help.

Erin


Josh

  • Support Staff

October 29, 2013 at 11:33 am

Hi Alison,

I checked and this looks like the old version of the calendar add-on. That’s likely why it was working before because before it was on the beta version of the calendar add-on.


Alison Bancroft

October 30, 2013 at 5:11 am

What is the most recent version of the calendar plugin? I have Version 2.0.6.3. Thanks!


Josh

  • Support Staff

October 30, 2013 at 11:33 am

The pre-release beta version is the most recent version and can be downloaded from your account page if you opt into the pre-release channel.

The support post ‘Adjust featured image so it works for every upload’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso