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