How to make events page wider?

[Tommy]

How do i made the list view of events page about 80% of page width?

[Josh]

Hey Tommy,

Thanks for reaching out to us!

The highest level class that we have on that template is “.tribe-events-pg-template” so you can try targeting that class within your CSS file and making it wider. However, depending on your template, there could be an additional wrapper that could be causing the current size issue on that template. Without being able to see the live site (currently a lander modal on the site) it’s hard to say exactly what the solution would be here.

Thanks!

 

[Tommy]

This reply is private.

[Josh]

This reply is private.

[Tommy]

This reply is private.

[Josh]

Hey Tommy,

I took a look at your site and it appears to have a customized view of our calendar which is controlled by your theme. Within your theme’s stylesheet is a declaration for “.events-list.tribe-bar-is-disabled #tribe-events-content-wrapper” which has a max-width of “700px” set on it. You can increase this to whatever width you would like for your calendar.

Let me know if this helps.

Thanks!

[Tommy]

Brilliant man you led me in the right direction. I added this to the custom css:

.events-list.tribe-bar-is-disabled #tribe-events-content-wrapper {
	max-width: 70%;
}

[Josh]

Hey Tommy,

Awesome! Happy to help.

I’ll go ahead and close this thread for now. If you have any further questions. please don’t hesitate to open a new thread.

Thanks!

[Author]

Posts