Support

Home Forums Events Calendar Add-on Event Day calendar field is too STRETCHED OUT

Event Day calendar field is too STRETCHED OUT

Posted: July 27, 2014 at 11:27 am


siouchko

July 27, 2014 at 11:27 am

I am using EE4 on the newest wordpress installation. I tried many themes, the problem persists:

Whenever I have an event scheduled for a certain day, in calendar month view the event takes up too much space. Below the picture, there is visually an inch of unnecessary space. How do I get rid of this space?

Also, if I have one event with two different times, is it possible to have two different pictures representing each time?


Josh

  • Support Staff

July 28, 2014 at 12:00 pm

Hi siouchko,

Can you post a link to the page in questions so we can investigate?

With the two different times, the only way to have two different pictures would be to publish each time as a separate event.


siouchko

August 5, 2014 at 8:14 pm

yes, can you please look at my calendar for the stretched out fields issue. There is too much space under the featured image. the pages with the calendar are:

http://paintingparty.ca
http://paintingparty.ca/calendar

thank you


siouchko

August 5, 2014 at 8:16 pm

oh, and now after the update the inline images in the calendar are not centered, there is space to the right of each image and title. looks awkward.


Dean

August 6, 2014 at 2:25 am

Hi,

I’m not currently able to recreate the spacing issue, but could you try adding the following CSS to your themes style.css file or via a plugin such as My Custom CSS:

a.fc-event.fc-event-hori.fc-event-start.fc-event-end {
height: auto !important;
}

It may work, it may not, it will need to be tried before we know for sure.

For the title centering issue, please add:

#espresso_calendar .fc-event-title {
text-align: center;
}


siouchko

August 10, 2014 at 8:16 am

hello,

unfortunately that code did not fix the spacing problem. It made everything look very weird and displaced: the days with events became small, like days without events, and the pictures stretched outside the edges of those days.

Any other ideas?

P.S.
i would like to fix this problem on two pages: my home page, and my calendar page:

http://paintingparty.ca
http://paintingparty.ca/calendar

thank you


Lorenzo Orlando Caum

  • Support Staff

August 10, 2014 at 4:24 pm

Hi the following CSS does remove the extra blue spacing in my local browser (Chrome):

a.fc-event.fc-event-hori.fc-event-start.fc-event-end {
height: auto !important;
}

Could you capture some screenshots and upload to WordPress Media and link to them here?


Lorenzo


siouchko

August 10, 2014 at 6:06 pm

hello,

I added the code and currently it’s implemented on my site. you can see it in action:

http://paintingparty.ca/calendar

The home page calendar looks okay, but technically now there’s not enough blue space. it just looks cut off and not appealing. I could fix this by removing the blue background and just making it white… but I wanted to have some color there.

http://www.paintingparty.ca/?attachment_id=2668

On the calendar page it is a problem though. please look at the screenshot, this is what happens:
http://www.paintingparty.ca/?attachment_id=2667


siouchko

August 10, 2014 at 6:42 pm

actually now the homepage also looks wrong, same as the calendar page. I guess I didn’t refresh when I made that printscreen. So please just look at the second attachment, that shows accurately how the problem looks.

I must remove the code now, because I can’t have potential customers looking at the site this way. if you have another coding suggestion, I would appreciate it.

thank you!


Lorenzo Orlando Caum

  • Support Staff

August 12, 2014 at 9:49 am

Hi,

Try this instead:

a.fc-event.fc-event-hori.fc-event-start.fc-event-end {
height: 165px !important;
}

It will look like this:

http://cl.ly/image/47250M421T0H


Lorenzo


siouchko

August 12, 2014 at 10:27 am

that’s much better, thank you! although on the homepage it still looks too big under the image. any way I can alter that too?

http://paintingparty.ca

thanks


Lorenzo Orlando Caum

  • Support Staff

August 12, 2014 at 11:29 am

Hi,

Your home page is using a split column layout. The columns are narrow which isn’t providing enough space for the calendar.

Try a different home page layout or the upcoming events widget in place of the calendar.

For reference, this is what I see in Chrome:

http://cl.ly/image/1n27381z1O1Y


Lorenzo


siouchko

August 12, 2014 at 1:35 pm

this is strange. I am also using chrome. I guess it depends on monitor size too. how do I use the widget?


Lorenzo Orlando Caum

  • Support Staff

August 12, 2014 at 2:11 pm

That is a good point. If you are on a large monitor, then it may appear differently. The widget can be found in WP-admin –> Appearance –> Widgets.


Lorenzo

The support post ‘Event Day calendar field is too STRETCHED OUT’ 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.

Status: closed

Updated by  Lorenzo Orlando Caum 5 years, 4 months ago ago

Topic Tags

Notifications

This topic is: not resolved
Do NOT follow this link or you will be banned from the site!