All-in-One Event Calendar Farbe ändern im Widget

  • Hallo, hantiere zum ersten mal mit dem o.g. plugin umher, ansonsten bin ich doch recht erfahren was plugins und css code etc angeht, aber hier komm ich nicht weiter. habe das dazugehörige widget eingebunden, es wird auch mein test event alles korrekt auf der startseite dargestellt nur wie ändere ich die farbe von dem event, weil diese wird getreu dem motto " weißer adler auf weißen grund" dargestellt. also nicht ganz , aber es ist ein hell grau bzw bei hover ein hell gelb auf weißem/hell/grau/blau hintergrund zu sehen, also nur schwer erkennbar.

    in welcher css sind die infos dafür ... kann mir jemand helfen ?
    ich finde es einfach nicht

    großes dankeschön

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • nachtrag: habe jetz testweise das plugin auf einer anderen wordpreis seite eingebunden. komischerweise wird dort i ndme widget der termin mi tdem 24h format dargestellt und lesbar in blau

    warum geschieht dies nun nicht auch bei dem anderen?

    hat das mit dem theme zu tun ?
    wäre ja aber totaler schwachsinn, wen ndas plugin in versch. thmes imemr unterschiedlich dargestellt würde , oder nicht ?!?

  • Hallo,
    nachdem ich heute das gleiche Problem hatte, hab ich folgendes gefunden:

    Alle Werte können in der "all-in-one-event-calendar/css/general.css" eingestellt werden:

    Event-Label in Widget =>
    .ai1ec-agenda-widget-view .ai1ec-event.ai1ec-allday a {
    background: #830000; [COLOR=Red]=> Hintergrundfarbe[/COLOR]
    border: 2px solid #767676; [COLOR=Red]=> wenn gewünscht Rahmen[/COLOR]
    color: #fff; [COLOR=Red]=> Schriftfarbe[/COLOR]

    ===================================================

    Event-Label in Widget - Mouseover:

    .ai1ec-agenda-widget-view .ai1ec-event.ai1ec-allday a:hover {
    border: 2px solid #767676; [COLOR=Red]=> wenn gewünscht Rahmen[/COLOR]
    background: #fe3e3e; [COLOR=Red]=> Hintergrundfarbe [/COLOR]
    color: #000000; [COLOR=Red]=> Schriftfarbe[/COLOR]

    ===================================================

    Tages-Label in Widget:

    .ai1ec-agenda-widget-view h3.ai1ec-date-title {
    width: 3.5em;
    float: left;
    margin: 0 0.5em 0.5em !important;
    font: 1em/1.1em Tahoma, Geneva, sans-serif !important;
    color: #444;
    text-shadow: 0 1px 0 #fff;
    -o-text-shadow: 0 1px 0 #fff;
    -ms-text-shadow: 0 1px 0 #fff;
    -moz-text-shadow: 0 1px 0 #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    line-height: 1.1em;
    text-align: center;
    border: 2px solid #767676; [COLOR=Red]=> Rahmenfarbe[/COLOR]
    border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 0.5em 0.5em;
    -moz-border-radius: 0 0 0.5em 0.5em;
    -webkit-border-radius: 0 0 0.5em 0.5em;
    box-shadow: 0 2px 2px rgba(0,0,0,0.0);
    -o-box-shadow: 0 2px 2px rgba(0,0,0,0.0);
    -ms-box-shadow: 0 2px 2px rgba(0,0,0,0.0);
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.0);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.0);
    background: #fff;
    background: -o-linear-gradient( #fff 1em, #eee );
    background: -ms-linear-gradient( #fff 1em, #eee );
    background: -moz-linear-gradient( #fff 1em, #eee );
    background: -webkit-gradient( linear, 0% 1em, 0% 100%, from(#fff), to(#eee) );
    background: -webkit-linear-gradient( #fff 1em, #eee );


    .ai1ec-agenda-widget-view .ai1ec-month {
    text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
    -o-text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
    -ms-text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
    -moz-text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
    -webkit-text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
    background: #9e0404; [COLOR=Red]=> Innenfarbe[/COLOR]
    font-size: 0.9em !important;
    padding: 0.1em 0 0.2em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #fff;


    Grüße, TSC_DE

  • Poste mal den Link zu Deinem Blog.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • schau mal in die wp-content/themes-ai1ec/vortex/style.css

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Hallo, kann mir bitte jemand genau erklären, wie ich das machen muß?
    Ändert man das in Wordpress über den Editor oder in Filezilla?
    Habe die aktuelle Version 1.9.1

  • Warum auch immer, dieses Feld war erst nach dem Neustart da...
    Das funktioniert jetzt, aber leider ist noch woanders der Wurm drin, hab ih nur noch nicht gefunden :?.

  • Hallo

    habe das selbige Problem nur finde ich dies nicht bei der neuen Version 1.10.5..wo ich das ändern kann. bei mir gehts aber auch um die grösse des tageskalenderanzeige vor dem Event im Widget.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!