CSS validation failed–no attribute zoom

[Cynthia Lockley]

In the events.css, there is
.clearfix:before, .clearfix:after { content: “”; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.tribe-events-error {display:none;}
.tribe-events-multi-event-day {color: #0F81BB;}

CSS Validation failure says “no attribute of zoom”. Please fix this–my site needs to validate.

I found a blog entry that provides a fix for this:
/* For modern browsers */
.cf:before,
.cf:after {
content:””;
display:table;
}

.cf:after {
clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
*zoom:1;
}

Or do a a single rule:
.btcf:after {
content:””;
display:table;
clear:both;
}

[Jonah]

Hi Cynthia,

We could very well do this better and I will report this to the developers offering up yours as a possible solution. In the interim you can easily override the core events.css file by making a copy and placing in an ‘events’ folder in your active theme and making any changes you want. The plugin will then use your CSS instead.

I hope that helps and thanks for the report!

– Jonah

[Author]

Posts