|
Tim Sherwood
|
August 19, 2013 at 11:11 am
I’m having an issue with the featured images overlapping between events in the events list.
You can see it here: http://eat-paint-love.dual-webs.com/events/
The WordPress and event espresso versions were both just updated 30 minutes ago.
|
|
Josh
|
August 19, 2013 at 3:35 pm
Hi Tim,
There a few ways to fix this. What’s going on is the parent container is collapsing, so one way to fix this is to clear the floats. Some sample CSS follows:
This is one way:
.ui-widget-content:before,
.ui-widget-content:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.ui-widget-content:after {
clear: both;
}
/**
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.ui-widget-content {
*zoom: 1;
}
The above will force the .ui-widget-container to clear the image. It will have the effect of adding whitespace below the register button.
Another solution will clear the .event-meta div:
.event-meta:before,
.event-meta:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.event-meta:after {
clear: both;
}
/**
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.event-meta {
*zoom: 1;
}
This will have the effect of adding whitespace above the register button.
|
