Full width calendar on page

• 

  hohcatholic · Member · Jan 31, 2015 at 1:21 am

  • Copy link
  • Add topic to favorites

  Hello,

  I’m trying to get a wider width on the calendar on my page http://stbenedictavon.net/calendar/ but it keeps shrinking the calendar to a smaller width. Is there a CSS to widen this? (I tried changing the media width which changes the width of the calendar in the preview when Customizing, but is narrow again when viewing the page)

  Any help would be appreciated.

  -Nick

  The blog I need help with is: (visible only to logged in users)

• 

  designsimply · Member · Feb 13, 2015 at 6:02 am

  • Copy link

  I checked http://stbenedictavon.net/calendar/ and it looks like you were able to make the calendar full width. I don’t see any CSS that affects the Google calendar embed directly though, so I’m not sure how you fixed it! My guess is that you updated the “Media Width” setting in the Appearance > Customize > CSS panel (just below the CSS editor).

• 

  hohcatholic · Member · Feb 13, 2015 at 6:05 am

  • Copy link

  I updated the media width setting, but I also had to change the CSS for the calendar to 100% width instead of a pixel value.

• 

  designsimply · Member · Feb 14, 2015 at 9:10 pm

  • Copy link

  Nice! Thanks for the follow-up note. :)