전체 캘린더 스타일 재설정

Question

Google은 전체 캘린더를 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"); 
    } 

    ... 

});