Photos Missing in Rollover (Month View)

[unquietjourney]

PROBLEM. Whenever I mouse-over an event in the month view, the photo (if there is one) does not appear. Instead it is just a white space where the photo should be. Prior to the recent updates, I could click the refresh button in my browser (Chrome or Explorer) and the photo would appear. But since the update, that doesn’t bring it in anymore. The photo appears just fine on the actual event page, and in the List and Photo views. (Google maps do not display, but I will search further in the forum to see if I can find a solution for that problem).

—– THEME. I am using theme Nimble by Dream-Theme purchased from themeforest.net. I have made no code modifications other than to alter the photo display size on the blog template. I am using the Tribe Events Styles template for my calendar as the other options did not provide proper format and spacing at the top. However, the to/from links do not appear at the top of the calendar, but at least they do appear at the bottom.

—– MENU ACTIONS. I do notice that though I click the “Calendar” from my website’s menu, the highlight (presuming indicating active page) always shows “Blog/News” page. But I am seeing the Calendar page. When I click any other menu item, whatever I click stays highlighted. Strange.

—– PLUG-INS. I have no other plug-ins enabled other than The Events Calendar & The Events Calendar Pro. Akismet & Debug Bar are installed, but not activated.

—– TESTING DEFAULTS. When I disable my theme and use the WordPress default 2011, the photos display correctly as do the Google maps. So I realize it is something in the way my theme functions and am hoping you have experienced this before and know what I can do to get around it.
—–
Thank you.

[Barry]

Hi – sorry you’re experiencing problems.

It looks to me like the result of this rule in your theme’s stylesheet (note how it is setting the visibility of various image elements to hidden):

#container img,
#footer img, 
#slide img,
#slider img,
#aside img {
	visibility: hidden;
}

It looks like your theme may provide a spot for you to add custom CSS rules. If so, try adding this rule there:

#container #tribe-events-content img { visibility: visible }

Or alternatively, please follow the steps in our Themer’s Guide to set up a custom tribe-events.css stylesheet within your theme.

Does that help here?

[Barry]

Hi! It’s been a while so I’m going to go ahead and close this thread. If we can help with anything else, though, please don’t hesitate to create new threads as needed. Thanks!

[Author]

Posts