Support

Home Forums Events Calendar Add-on Re-size the Calendar

Re-size the Calendar

Posted: September 17, 2014 at 5:19 pm

Viewing 5 reply threads


gloria eichenauer

September 17, 2014 at 5:19 pm

Hi. Is it possible to resize the calendar? Please advise

http://69.89.31.111/~awakene5/ (current calendar is under schedule)

Thanks!


Lorenzo Orlando Caum

  • Support Staff

September 17, 2014 at 8:37 pm

Hi,

The calendar automatically resizes based on the content area that is available.

Your header area takes up good portion of the screen. Have you considered adjusting that to use less space?


Lorenzo


gloria eichenauer

September 18, 2014 at 11:50 am

Thanks for the speedy response. Good advice, I did minimize the header space. But the calendar is still quite large. I would still like it smaller- so you don’t have to scroll to see the entire month.

http://69.89.31.111/~awakene5/

Thank you


Josh

  • Support Staff

September 18, 2014 at 12:28 pm

Hi Gloria,

You’ll want to be sure to not make the calendar too small if it’s a small screen, so a good way to accomplish this is by setting a narrow width to the calendar div, and place that CSS rule in a media query.


gloria eichenauer

September 18, 2014 at 12:43 pm

Thanks Josh- can you explain how I would do this? what to paste into the CSS…


Josh

  • Support Staff

September 18, 2014 at 5:19 pm

Hi Gloria,

You’ll likely want to change these values, but here’s an example of some CSS you could start with:

@media screen and (min-width: 1140px) {
#content #espresso_calendar {
width: 70% !important;
margin:0 auto;
}
}
Viewing 5 reply threads

The support post ‘Re-size the Calendar’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso