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