Google Calendar not displaying Full-Width
-
I posted this a while back but never got a response:
I’ve copy and pasted the HTML code from my Google calendar and pasted it into the “visual” tab for my page (interestingly the tutorial says to paste it under the ‘text’ tab, but when I do that the page shows up blank).
Then, I selected Full-Width Page from the Page Attributes section.Problem is, when I publish it the sidebar does disappear but the calendar shows up small and contained only to the main body area, it doesn’t go full width of the screen. It is truncating my text within the calendar.
http://howardpublicschool.wordpress.com/calendar/
Any suggestions?
The blog I need help with is howardpublicschool.wordpress.com.
The blog I need help with is: (visible only to logged in users)
-
Have you tried changing the width settings in the calendar shortcode to equal the full width page template?
-
Thank you for the reply justjennifer!
Yes, I think so.
I adjusted the width of the calendar itself in Google Calendar before I copied and pasted the HTML code to WordPress. Those dimensions are reflected in the code in the Text tab: width=”1100″ height=”700″ but even if I play around with those numbers the size of the calendar never changes.
Could it be a limitation of the template? We are using “Misty Lake” -
Still looking for suggestions…
I purchased the custom upgrade and attempted, in the CSS section to modify the width of the page (for misty lake the standard is 660) and it temporarily fixes it but as soon as I go back to the regular page view it goes back to the same narrow size. -
I’ve just changed your embed code from width:1100px to width: 100%. The calendar is show in full width now.
-
I can’t thank you enough kardotim!
The calendar looks fabulous.
You are amazing. Thank you. -
- The topic ‘Google Calendar not displaying Full-Width’ is closed to new replies.
WordPress.com Forums 