Zurücksetzen des vollständigen Kalenders

Question

Wir versuchen, den vollständigen Kalender in das Front-End einer WordPress-Website zu integrieren. Das Problem, vor dem wir stehen, ist, dass die meisten WordPress-Themes benutzerdefinierte Stile haben, die das Aussehen von Tabellen verändern, wodurch der Vollkalender kaputt aussieht.

Ich bin kein CSS-Experte, so dass jede Hilfe sehr geschätzt wird. Gibt es eine Möglichkeit, die Stile zurückzusetzen, sodass die vollständigen Stile des vollständigen Kalenders immer auf denselben Stil angewendet werden, unabhängig von anderen Stilen, die möglicherweise auf der Seite geladen werden?

Thanks :)

Answer 1

Vielleicht können Sie versuchen, ihre CSS zu entfernen, und fügen Sie dort Ihre CSS-Klasse.

das für mich arbeitet (Version 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"); 
    } 

    ... 

});