Support

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.

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

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/

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;
}

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.

August 22, 2013 at 1:55 am

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