How to have week view events appear similar to month view – but only one week.

[Mary]

Hi,

I am a web designer using the Events Calendar Pro on a website. The week view of my calendar overlaps entirely too much. I have tried fixing this problem with the code below to no avail. There are simply just too many events at the same time for this to work.

.tribe-events-week .tribe-events-grid .type-tribe_events.hentry {
max-width: 50%!important;
}

Is there a way to have a week view styled exactly as it is styled in the month view (But, only displaying the current or selected week) ?

Site link for reference: http://stagingweekataglance.history.org/events/week/

[Barry]

Hi Mary,

Anything is possible!

Please check out our Themer’s Guide first of all as this covers the basic processes for safely overriding and customizing our templates without modifiying any core code.

By setting up custom styles and fresh templates, you could essentially re-tool week view to look any way you please. While running through the entire process is outside of the scope of support we can provide you with here on the support forums, there is effectively no limit for things like this.

You could even “get creative” as I believe I observed in the case of another community member who basically repurposed the existing month view for this task, but showed only one row. Again, such a customization is something you as the designer/developer would need to drive forward – but it does highlight just how flexible a system The Events Calendar/Events Calendar PRO is to build on.

I hope that gives you some ideas!

[Barry]

Hi!

It’s been a while so I’m going to go ahead and close this topic.

• Need help with anything else? Go right ahead and post a new topic, one of the team will be only too happy to help
• Still need help with this issue and need to re-open it? Again, please simply create a new topic and link to this one to provide the team with some context

Thanks!

[Author]

Posts