Events listing messes up my Menu

[Jim]

I’m currently using EC Pro on this site. When I went to view the calendar as an event listing, it messed up my site menus (displaying them all the way down the page). I’ve gone in and removed the Event button so the client can’t view it that way for now, but they would like to display the calendar as a list rather than in calendar form. Any ideas why this would be happening? The WP theme author isn’t any help with this either.

[Barry]

Hi Jim,

It looks as though some custom CSS rules have been added to the following stylesheet (which is part of your theme):

themes/eprom_1_1_0/styles/dark.css

In particular this piece of code (around line 1597) is making each nav menu item much wider than it should be – it’s probably intended to target something else but is not sufficiently specific:

.events-list li {
margin: 0;
position: relative;
margin-bottom: 1px;
background: transparent url(img_dark/opacity50.png) left top repeat;
min-height: 64px;
width: 100%;
}

So you will probably need to adapt that (remember that .events-list is applied to the body element and so this basically targets all list items on the page.

[Author]

Posts