[Plugin: Stout Google Calendar] How can I determine the Width of the calendar

Hi there,
I’m not quite sure what you are trying to accomplish. Do you want to set the width of the Stout Google Calendar to fit in a specific place on your site? If you are familiar with HTML, CSS then you can use the Developer tools in Safari or Chrome to inspect your site or an add on like Firebug for Firefox.

Your sidebar/widget area looks like it is 220px and the main content area is somewhere around 640px. You can set the width you want the calendar to display within the plugin settings.

Hi thank you for replying.

I am just trying with different possibilities, like 220px and 640px and different conbinations, but it still saying that Cannot determine width of the calendar in red color. What do you think I can do?

You’re getting that error b/c the plugin cannot determine the width from the Google Calendar embed code that you pasted in the box. Would post your Calendar embed code from Google here?

Your embed from Google should look something like this:

<iframe src="https://www.google.com/calendar/embed?height=400&wkst=1&bgcolor=%23FFFFFF&src=en.usa%23holiday%40group.v.calendar.google.com&color=%232952A3&ctz=America%2FNew_York" style=" border-width:0 " width="600" height="400" frameborder="0" scrolling="no"></iframe>

Towards the end of the iframe tag the width is set to 600. Please verify that the width attribute is present and has a value, otherwise you will get the Cannot determine width of the calendar error message.

Let me know if this helps

Hi!

I’ve managed to adjust the width of my calendar, but I’ve run in to a new problem…

As you can see in the link the text in the calendar don’t fit in the boxes. What can I do about this?

Thanx!