Designänderung der Datumsanzeige

  • Gelöst stefi_licious

    (@stefi_licious)


    vor 10 Jahren, 6 Monaten

    hallo,
    ich bin leider im forum nicht so richtig fündig geworden. ich möchte das design von meiner datumsanzeige ändern. entweder in einen ball oder ein fähnchen, das neben jedem post steht. ich hatte ja gehofft, es gibt ein plugin für sowas, aber auch da war ich bisher ohne erfolg.
    ich habe die vorlage vortex für blog.stefilicious-addicted.de und bin aber im moment zu dusselig überhaupt das css für das datum zu finden.
    kann jemand helfen oder mir ein paar tips geben?
    danke!

Ansicht von 4 Antworten – 1 bis 4 (von insgesamt 4)
  • Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    vor 10 Jahren, 6 Monaten

    Dazu benötigst du erst mal eine Bild-Datei mit dem gewünschten Ball/Fähnchen/…, die du im Back End > Media hinzufügst.

    Dann brauchst du ein Plugin, mit dem du eigene CSS-Regeln hinzufügen kannst, z.B. Simple Custom CSS oder JetPack.

    Dort fügst du eine neue Regel hinzu:

    .entry-date:before {
  content: url('http://blog.stefilicious-addicted.de/wp-content/uploads/12/10/ball.jpg');
}

    (oder wie auch immer die URL zu der Bild-Datei lautet)

    Viel Erfolg.

    Thread-Starter stefi_licious

    (@stefi_licious)

    vor 10 Jahren, 6 Monaten

    danke für den ersten step!
    ich hab ein bild und auch das css bearbeitet. jetzt hab ich ein fähnchen VOR der datumsangabe. ich hätte aber gerne das datum IN dem fähnchen. 🙂
    wie bastel ich das jetzt zurecht?

    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    vor 10 Jahren, 6 Monaten

    „neben dem Datum“ ist nicht „hinter dem Datum“

    Du kannst das Fähnchen auch als Hintergrund für das Datum setzen.

    .entry-date:before {
  background: url('http://blog.stefilicious-addicted.de/wp-content/uploads/12/10/ball.jpg');
 padding: 2px; // an Abmessungen des Fähnchens anpassen
 width: 100px; // dto.
 height: 20px; // dto.
}

    Thread-Starter stefi_licious

    (@stefi_licious)

    vor 10 Jahren, 6 Monaten

    danke für die hilfe.
    klappt leider nicht. 😉 das bild wird nicht angezeigt. vielleicht eignet sich dad template (vortex) dafür auch nicht.
    ich leg das vorerst auf eis.

Ansicht von 4 Antworten – 1 bis 4 (von insgesamt 4)
  • Das Thema „Designänderung der Datumsanzeige“ ist für neue Antworten geschlossen.

Schlagwörter