Support

Home Forums Event Espresso Premium Resize Calendar to Be Small

Resize Calendar to Be Small

Posted: November 15, 2012 at 10:26 am


markal

November 15, 2012 at 10:26 am

Hi All,

I’m trying to resize the calendar widget to be pretty small. I’ve played around with the CSS plenty and gotten the calendar to be smaller, but once I go smaller than 300px wide, the event markers don’t line up where they are supposed to. Here’s an example: http://beta.fullcirclefamilycare.com/classes-groups/womens-yoga/
The event markers should be on Tuesday, but they are showing up on Thursday. If you click the next/previous month buttons, the calendar re-renders and the event markers are where they should be, but not when the calendar first renders on page load.

Any ideas/suggestions?


Jonathan Wilson

November 16, 2012 at 3:21 pm

Markal,

Are you still trying to figure this out? When I go to the link you posted, I only see a picture of a calendar in the top right. Did you remove it?


markal

November 16, 2012 at 4:04 pm

Hi, yes I removed the calendar and placed the image because we needed to review the page with the client.

I’ve put the calendar back and I would greatly appreciate any advice you can offer on why the event markers are not positioning properly on the initial page load. The EE calendar is in the middle of the page.

Thanks so much!


markal

November 16, 2012 at 5:11 pm

Interesting … I just changed the font-size for the header (.fc-widget-header) and it had an effect on the horizontal positioning of the event markers. The larger the font-size the farther right the event markers are positioned. Still, this is all just on the initial page load.

  • This reply was modified 8 years ago by  markal.


markal

November 16, 2012 at 5:21 pm

That was the trick! I was altering the text in the header with jquery, but the calendar logic was calculating things with the full/original header text in consideration. I corrected my mistake and now the event markers are positioning as desired!

The support post ‘Resize Calendar to Be Small’ 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.

Support forum for Event Espresso 3 and Event Espresso 4.
Documentation for EE3 and EE4
Documentation for Event Espresso 3 Documentation for Event Espresso 4

Status: closed

Updated by  markal 8 years ago ago

Topic Tags

Notifications

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