change calendar width

[len]

tried using css to resize calendar with no effect, calendar is wider than rest of site. Seems to be a template issue as using twenty twelve template solves issue. Any ideas?

http://reflectionsyoga.com/calendar/

Thanks,

[Geoff]

Hi there len and welcome back to the forums. 🙂

It looks like this CSS will help:

`#tribe-events-pg-template {
max-width: 960px;
}`

Give that a shot and let me know if it does the trick.

Cheers!
Geoff

[len]

Thanks for the quick reply.

Following code had no effect on calendar width;

#tribe-events-pg-template {
max-width: 960px;
}

[Geoff]

Hi there, len!

Will you please try this instead:

#tribe-events-pg-template {
max-width: 960px !important;
}

I’m not actually seeing that CSS at all in your markup. Are you adding it to your theme’s style.css file at the bottom? Or perhaps you can use a plugin like Simple Custom CSS to help add the styles.

Thanks!
Geoff

[len]

That did it, I usually try !important when css doesn’t work. Didn’t this time!

Does Simple Custom CSS save the changes after updates?

Thanks,

[Geoff]

Awesome! I’m glad that did the trick, thanks for confirming!

Yeah, Simple Custom CSS is just a slightly easier way of managing custom styles without having to add them directly to your theme’s stylesheet.

Thanks again for following up and please feel free to reach back out if any other questions pop up–we’d be happy to help. 🙂

Cheers!
Geoff

[Author]

Posts