Support

Home Forums Event Espresso Premium Text unreadable in Grid View when hoovering

Text unreadable in Grid View when hoovering

Posted: December 9, 2014 at 8:12 pm

Viewing 4 reply threads


columbuscanvas

December 9, 2014 at 8:12 pm

When I hoover over the image in the Event Grid View the Event Title is in black text that is barely visible the rest of the text is white. Only the top 1/4 of the last line Register Now is visible, the rest is cropped.

here is my system info
WordPress Version:
4.0.1
PHP Version:
5.4.20
MySQL Version:
5.1.56
Event Espresso Version:
4.4.5.p
WordPress Address (URL):
http://columbuscanvas.net
Site address (URL):
http://columbuscanvas.net
Site password : REDACTED
Installed Plugins: Event Espresso 4, Grid View Template, Calendar, Social Sharing
Hide my site, Lightweight Social Icons, WooThemes Helper

  • This topic was modified 9 years, 11 months ago by Dean. Reason: removed password


Dean

December 10, 2014 at 4:33 am

Hi,

The theme has styled the title but it can be easily fixed with a little CSS:

.ee_grid_box .title {
color: #fff;
}

Regarding the spacing, again some CSS can resolve this:

.ee_grid_box b {
font-size: 18px;
}
.ee_grid_box .title {
font-size: 22px;
}

The CSS can be added to your themes style.css, though it is better if it is added to either: a child themes style.css, a CSS section in your theme’s settings or a plugin such as My Custom CSS. This will help prevent the changes from being over written when the theme is updated.


columbuscanvas

December 10, 2014 at 11:31 am

That worked perfectly!!! Thank you so much! One more issue is that my calendar is getting cropped in the widget view and the main calendar view. Do you know how to fix that?


Tony

  • Support Staff

December 10, 2014 at 12:11 pm

I think both of these issues are from your theme, however using some CSS should fix this. For the Calendar widget we are adding some padding, which your theme doesn’t like unfortunately we’ll need to use !important to fix this:

.widget_ee-calendar-widget #espresso_calendar {
overflow: auto;
padding: 0!important;
}

(First try without !important, if it doesn’t work, add it in)

The full size calendar is not being cropped, whats happening is the Board is being removed, so it looks like its cropped. Fix that using this:

#espresso_calendar table.fc-border-separate {
border-right: 1px solid #eee;
}


columbuscanvas

December 10, 2014 at 2:10 pm

You are awesome! Thank you, thank you, thank you!

Viewing 4 reply threads

The support post ‘Text unreadable in Grid View when hoovering’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso