css - Full Calendar Style Reset -

we're trying integrate full calendar on front-end of wordpress site. problem facing wordpress themes have custom styles alter appearance of tables, making full calendar broken.

i'm no css expert, appreciated. there way reset styles full calendar's own styles applied same style set, regardless of other styles may loaded on page?

thanks :)

maybe can try remove css, , add css class there.

this works me (version v1.5.4),

$('#calendar').fullcalendar({    ...    ,eventrender: function(event, element) {   //render how event     // example add element     element.attr("category",event.title);      //example remove original color     //element.find("div").removeclass("fc-event-skin fc-event-inner");     //or     //element.find("div").css({"background-color":"transparent","border-color":"transparent"});     //element.css({"background-color":event.colors,"border-color":"transparent"});      //example add class     if(event.title === "big_event"){        element.addclass("calred");     }   },   viewdisplay   : function(view) {   //render how calendar     //example coloring on sat,sun     $(".fc-sat, .fc-sun").addclass("ss-holiday");     $("th.fc-sat, th.fc-sun").removeclass("ss-holiday");   }    ...  });