完整日曆樣式重置

Question

我們正在嘗試將完整日曆整合到WordPress網站的前端。我們面臨的問題是，大多數WordPress主題都具有改變表格外觀的自定義樣式，從而使「完整日曆」看起來破碎。

我不是CSS專家，所以任何幫助，非常感謝。是否有任何方法重置樣式，以便完全日曆自己的樣式始終應用於相同的樣式集，而不管頁面上可能加載的任何其他樣式是什麼？

謝謝:)

Answer 1

也許你可以嘗試刪除他們的CSS，並在那裏添加你的CSS類。

這對我的作品（版本v1.5.4），

$('#calendar').fullCalendar({ 

    ... 

    ,eventRender: function(event, element) { //render how event look like 
    // example add element 
    element.attr("category",event.title); 

    //example to remove the 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 to add class 
    if(event.title === "big_event"){ 
     element.addClass("calred"); 
    } 
    }, 
    viewDisplay : function(view) { //render how calendar look like 
    //example coloring on sat,sun 
    $(".fc-sat, .fc-sun").addClass("ss-holiday"); 
    $("th.fc-sat, th.fc-sun").removeClass("ss-holiday"); 
    } 

    ... 

});