Support

Home Forums Event Espresso Premium Calendar View Thumbnails – Dimensions Wider

Calendar View Thumbnails – Dimensions Wider

Posted: August 20, 2013 at 6:22 pm


Fred Carper

August 20, 2013 at 6:22 pm

HI, I’ve been messing with this for a bit now, and everything I do seems to create a different problem. All I want to do is add images to be displayed in the calendar grid view. They show up finally, however, they run down into the lower area. And when I use this code, which I found elsewhere in this forum:
“.thumb-wrap {
max-height: 90px;
overflow: hidden;
}”
It makes the calendar really skinny and hardly displays the thumb. It also removed my category color when I used that.

I kinda assumed this part would be a no-brainer, but it’s looking to be more work than we figured on. I have it set with the 2013 theme for testing. Could you help please?

We would really like it to look like this calendar. Which I found in these forums as well.. Thanks, Justin

http://paintingnpinot.com/classes/

I’m using WordPress 3.6, and everything else is newly (this week), downloaded and installed. Thanks, Hope you can help!


Josh

  • Support Staff

August 20, 2013 at 7:13 pm

Hi Justin,

The twenty thirteen theme makes the main content area kind of narrow. You can adjust this with a few lines of CSS. The following can be placed in a child theme’s stylesheet to make the calendar page content wider:

.page-id-[your calendar page ID] .entry-content {
max-width: 960px;
}

Then I’d recommend installing the beta version of the next calendar version we are working on. I’ve been testing it out quite a bit on twentythirteen and the images stay within their date table cell as expected.


Fred Carper

August 21, 2013 at 10:26 am

Ok, honestly, I’m not sure what you mean by “child theme’s stylesheet”. The theme’s stylesheet? Or the calendar stylesheet. I’m testing on the 2013 because I read in here that you test everything on these themes. So I figured it would just work without having to twist any code. I really don’t want to change code on the 2013 theme as that is not what we are using. I have switched it back to our theme, so maybe you can have a look at it now?

Also where are the beta releases? I found pre-releases but no calendar. And, as I mentioned this is fresh install, so do I really want to have to use a Beta-Release already? I’d rather not.

Sorry, I thought I posted this the last time.. Thanks!

http://www.littleracks.com/classes/


Josh

  • Support Staff

August 21, 2013 at 11:01 am

Hi Fred,

While I can understand your reluctance to use the Beta of the calendar, it’s the only version that we have right now that fixes the thumbnail image issue that you are seeing.

If you look at the calendar you have installed and try advancing one month then going back you’ll notice that the row with the image will correct itself. This isn’t an issue with the new calendar that we are testing.

The calendar is the first download available in the pre-release list and it’s labeled: Calendar Pre-release v2.1.0-BETA


Fred Carper

August 21, 2013 at 1:26 pm

Ok, I have installed the Beta Version. However, now, none of my images show up, and I have a “java” spinner loader showing up on the page and not going away..

I disabled all extra plugins that i wasn’t using. I also tried a default theme and got the same thing.

Sorry, but that didn’t work.. justin

http://www.littleracks.com/classes/


Fred Carper

August 21, 2013 at 1:29 pm

And do I still need to make the child’s theme? I’ve done some research now, and it doesn’t look too difficult. I’ve just never done this before. jg


Josh

  • Support Staff

August 21, 2013 at 1:39 pm

Hi Justin,

It looks like you’ll need to reset the calendar options. There’s a link at the bottom of the calendar settings page that will reset them.


Fred Carper

August 21, 2013 at 1:41 pm

I went ahead and created the child-theme and it’s still doing the same thing.


Josh

  • Support Staff

August 21, 2013 at 1:45 pm

Hi Justin,

In this case a child theme is not going to help anything. The purpose of a child theme is to avoid any customizations made to a theme getting overwritten.

Did you try resetting the calendar’s options?


Fred Carper

August 21, 2013 at 1:48 pm

I inspected the element and it says it’s the Ajax loader for the calendar. If that helps. . (:


Fred Carper

August 21, 2013 at 1:49 pm

Just tried a reset… didn’t work.. .


Josh

  • Support Staff

August 21, 2013 at 1:54 pm

Hi Justin,

Is it possible for you to send us credentials so we can log in and look into this?

If so, please send WordPress admin level log in credentials via the contact form on this page:

https://eventespresso.com/send-login-details/


Josh

  • Support Staff

August 21, 2013 at 1:57 pm

Did you change something? The spinner is working as expected now.


Josh

  • Support Staff

August 21, 2013 at 2:00 pm

With this theme that’s active now, it looks like it’s making all elements marked up with an h2 460 pixels wide, which is pushing the buttons off the page.

You can fix this by applying this CSS to your custom stylesheet:

.fc-header-title h2 {
width: auto;
}


Fred Carper

August 21, 2013 at 2:02 pm

ok, just sent you the information! thanks!


Fred Carper

August 21, 2013 at 2:09 pm

Sorry I’m trying to keep up with your replies… Thanks for being on top of this… I don’t know what I did to get it to go away. But I’ve now noticed that if I disable tooltips it seems to go away.

However, now none of my images are showing. They look like they’re broke.. I’m going to try readding them..


Fred Carper

August 21, 2013 at 2:14 pm

I disabled tooltips and that seems to make it disappear. However none of my images are showing up now. I tried readding them and that didn’t help either..


Fred Carper

August 21, 2013 at 2:15 pm

didn’t mean to repeat that, just didn’t see my last post.. (:


Fred Carper

August 21, 2013 at 2:18 pm

i don’t get a pop up on rollover either now. is this from the tooltips?


Fred Carper

August 21, 2013 at 2:21 pm

tooltips back on, and ajax spinner still went away.. i’m confused now. (:


Fred Carper

August 21, 2013 at 2:23 pm

pop up is hit and miss.. sometimes working, sometimes no.


Fred Carper

August 21, 2013 at 2:37 pm

ok, so my boss just told me, he doesn’t like the pop up anyway, he thinks it gets in the way of everything.

is there a good size for thumbnails so they will display fully?

and where is the option to totally disable the popup?

otherwise, I think everything is looking good now!


Fred Carper

August 21, 2013 at 2:48 pm

alright, sorry if I’m wearing you out on this… but only some of the images want to show up. and my front page is broke now. my slider doesn’t show up and i’ve got a ton of images showing up in the news section on the side. is this because of the child theme? i put the code you suggested in there, and that seemed to help the formatting… but….


Josh

  • Support Staff

August 21, 2013 at 3:15 pm

Hi Justin,

It turns out there were a few things that needed to be adjusted to make the images appear and not get cut-off in the calendar. I’ll outline each of them:

1) When you upload an image for the calendar it’s best to upload a larger-thumbnail-sized image into the event editor. This way WP can create a thumbnail based on the image thumbnail settings located in Settings>Media

2) The Media settings were set to have thumbnails be 150px wide by 250px tall. This in effect stretched out the image thumbnails vertically. The images I’m seeing on your site are proportioned to be 150px wide by 190px tall. I changed to the thumbnail size for this setting.

3) One thing to make sure when you upload an image is it gets linked to the “File URL”, not the “Attachment Post URL” Here’s a screenshot to illustrate:

screenshot

4) Since there’s a sidebar on the left of the calendar and the overall width of the calendar with the active theme is only about 750 pixels, this doesn’t leave enough space for 7 days times 150px per image wide.

Option A would be to set the default thumbnail to be narrower and redo the thumbnails -or-

Option B would be to add a style rule that forces the image thumbnails to scale down.

If you go with option B you’d add something like this to your child theme’s stylesheet to make this happen:

#espresso_calendar .thumb-wrap img {
max-width: 75px!important;
}

Option C would be to go with a page template for the calendar page that doesn’t display the sidebar. This will make the calendar wider and no style hacks would be necessary.

I would try options b or c to start with and see how that looks.


Josh

  • Support Staff

August 21, 2013 at 3:28 pm

my front page is broke now. my slider doesn’t show up and i’ve got a ton of images showing up in the news section on the side. is this because of the child theme?

No, the slider isn’t working because someone (wasn’t me) deactivated the easing slider plugin. I’ve reactivated it and it’s displaying now.

With the images showing up under the “news” section. I checked and it looks like the home page has a shortcode that is set up to display the most recent 4 posts. What it says is:

[recent posts=-4]

It looks like it’s working with the next generation gallery plugin with the way it has the pagination links on the bottom though. I’m not too familiar with how Next Generation Gallery and its shortcodes work to be of much help with that one.


Fred Carper

August 21, 2013 at 3:52 pm

Wow, thanks for all of that. I figured there had to be multiple problems. I definitely got a little lost. I’ll make the changes you suggested. Thanks so much!! Hopefully report back with a FINISHED!, within the hour…


Fred Carper

August 21, 2013 at 3:57 pm

ok, i’ll admit it, it was probably me.. yeah it was me. i thought i was disabling in the calendar settings. oops. . .thanks.. (:


Dean

August 22, 2013 at 1:55 am

It happens Fred! Is everything sorted now or do you need further assistance?

The support post ‘Calendar View Thumbnails – Dimensions Wider’ 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