Month view too wide

[Tommy]

How to i change the month view? The calendar is too wide, it’s like 95% of the page width. How do i make it like 80% of page width instead?

Also the selector on the top right is also pushed over to the right. Can anyone assist please? CSS code to fix it would help if you can?

[George]

Hey @tommy,

These styles are unfortunately dictated by your theme, so there is not a whole lot of support we can provide here. Changing the width is fairly simple, despite this – you should be able to get something more like what you want by heading to the bottom of your theme’s style.css file and adding this bit of code:


#tribe-events-pg-template {
max-width: 80% !important;
}

You can obviously try any percentage you’d like; play around with this a bit and you should find a good width.

As for the menu styles, these are unfortunately the sort of styles that your theme is dictating heavily and so you should contact your theme developer for help with those. You should also definitely check out a [free!] tool like Firebug if you use FireFox, or the Developer Tools for either Safari or Chrome. They have “Inspector” tools that let you zoom right over the element whose styles you’re wondering about, or would like to customize. It’s super helpful! 🙂

Cheers,
George

[Tommy]

Hey bro thanks for the reply.

Thanks for the code! But the code didn’t work 🙁

Also, i tried inspect element but because the countdown is a live function, i can’t highlight it and inspect etc.. Also when i try to inspect that whole area, the code that comes up on the right is very confusing and cannot find any CSS sections for me to try and play around

[Tommy]

Someone gave me a code to adjust the month view.

For all future viewers, add this to custom css:

#tribe-events-content { margin: auto; width: 90% !important;}

[George]

Thanks for sharing! 😀 Sorry my original code didn’t help, I’m not sure why it didn’t but am glad you have a solution now regardless.

Cheers!
George

[Author]

Posts