Forums - Print Thread - Size of ICalendar on my Webpage

Forums » List all forums » » Forum: Webmaster's Corner » » » Thread: Size of ICalendar on my Webpage
Print at Apr 26, 2024, 5:52:53 PM	View all posts in this thread on one page

Posted by TheMonctonPressClub at Sep 1, 2014, 4:20:34 PM

Size of ICalendar on my Webpage
I would like my iCalendar to display full page width and height on my webpage. However, with the HTML code I have used the iCalendar displays tall and narrow with each day of the week box size determined by the number of events that might be schedule for that given day. I do not know anything about CSS and so I do not know where or how to make modifications or if that is even my problem. My website is themonctonpressclub.com and the page is calendar. Can you help me get a better looking formatted calendar on my website please.

Posted by support at Sep 3, 2014, 12:46:48 AM

Re: Size of ICalendar on my Webpage
The issue is that you have pasted your localendar publish code into a very narrow box on your site. If you want the calendar to be wider and look nicer, you'll need to adjust the width of the area on your site where you placed it.

With regard to the height of the boxes and the number of events per day; you can't put 10 lbs of bologna in a 5 lb bag :) If the calendar has a lot of events and very little room, it's going to do what it needs to so that every event is displayed.

In your site's style.css, it's line 1056 that's making things ugly:
max-width: 474px;
if you removed that (or just changed it to this:
/* max-width: 474px; */
the page would display nicely
----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news