Shadow um die Content-Area - Twenty Thirteen

    Hallo zusammen!

    Ich würde gerne eine Änderung in meinem Twenty Thirteen Theme vornehmen. Und zwar möchte ich einen Shadow um die Content Area haben, sodass sich der Content Bereich noch etwas besser vom Hintergrund abhebt. Meine Website: hochdruckreiniger-tester.de

    Habt ihr vielleicht eine Idee wie ich das hinbekomme?
    Danke im Voraus!
    - Steven :-?

    • Gerade eben
    • 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

    In der style.css Deines Childthemes würde ich folgende Regel als Ausgangspunkt verwenden und diese dann systematisch anpassen.

    Code
    article.hentry {
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

    WordPress ist "frei" wie in Freiheit es zu nutzen, aber nicht im Sinne von Freibier. Wer also glaubt man bekommt rund um WordPress alles kostenlos, der irrt. Hilfe ist ein Geschenk für das man sich bedankt, dafür gibt es den 'Gefällt mir' Button. Wer das nicht kann und sich selbst nicht zu helfen weiss, muss sich bezahlte Unterstützung suchen.

    Zitat von mensmaximus

    In der style.css Deines Childthemes würde ich folgende Regel als Ausgangspunkt verwenden und diese dann systematisch anpassen.

    Code
    article.hentry {
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

    Danke, das war es, was ich gesucht habe ;)

    Mir ist jetzt erst aufgefallen, dass es doch ein Problem gibt. Wenn ich auf eine Kategorie klicke, werden die Beiträge einzeln mit dem definierten Schatten dargestellt. Es sollte aber nur ein Schatten um die gesamte Content-Area angezeigt werden.

    Hier ist der angesprochene Fehler zu erkennen: hochdruckreiniger-tester.de/tipps/hochdruckreiniger-infos/

    Weiß jemand Rat?

    Ich hatte ja bereits geschrieben, das man die CSS Regel systematisch anpassen muss. Das bedeutet es gilt zu prüfen wie spezifisch die Regel gesetzt werden muss damit ausschließlich der Content Container den Schatten bekommt. Möglicher Ansatz

    Code
    page article.hentry {
 -moz-box-shadow: 0 0 5px #888;
 -webkit-box-shadow: 0 0 5px#888;
 box-shadow: 0 0 5px #888;
}

    WordPress ist "frei" wie in Freiheit es zu nutzen, aber nicht im Sinne von Freibier. Wer also glaubt man bekommt rund um WordPress alles kostenlos, der irrt. Hilfe ist ein Geschenk für das man sich bedankt, dafür gibt es den 'Gefällt mir' Button. Wer das nicht kann und sich selbst nicht zu helfen weiss, muss sich bezahlte Unterstützung suchen.

    Code
    .page article.hentry, .single article.hentry { 
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}


    Damit werden schon mal alle Seiten und Beiträge korrekt mit dem Schatten angezeigt.

    Weiß jemand wie ich diesen Schatten ebenfalls auf die Kategorie-Archive hin bekomme? z.B. hier: hochdruckreiniger-tester.de/tipps/hochdruckreiniger-infos/

    Einmal editiert, zuletzt von Stevaen (16. März 2015 um 14:34)

    Ich denke, da müsstest Du im entsprechenden Template einen <div>-Container um den Titel und den Loop der Archivbeiträge machen.

    Die Beiträge werden einer hinter dem anderen ausgegeben, ein eigener Inhaltsbereich ist nicht definiert.

    Zitat von Edi

    Ich denke, da müsstest Du im entsprechenden Template einen <div>-Container um den Titel und den Loop der Archivbeiträge machen.

    Die Beiträge werden einer hinter dem anderen ausgegeben, ein eigener Inhaltsbereich ist nicht definiert.

    Okay, hast du dafür ein Code-Beispiel für mich? Und welche Datei ist betroffen, die content.php?

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden