Header Image positionieren über Child Theme

  • Hallo,

    ich möchte nur eine einfache Änderung an Wordpress vornehmen aber habe es jetzt in 2 Stunden nicht hinbekommen. Wohl weil ich mit CSS nicht ganz durchblicke.

    Ich habe mit ein Child Theme angelegt welches auch funktioniert.

    Nun kann ich beispielsweise den Schatten um das Header Bild ändern mit diesem Code:

    HTML
    img.header-image, 
    img.wp-post-image header-image{ 
        border-radius: 30px; 
        box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.2);

    Ich möchte aber eigentlich nur, dass das Bild rechts oben erscheint. Das bekomme ich aber leider nicht hin.

    In der style.css das Parent-Theme gibt es das hier gefunden:

    HTML
    /* Images */ 
    .alignleft { 
        float: left; 
    } 
    .alignright { 
        float: right; 
    }

    Ist ja eigentlich genau dass, was ich suche, aber wie kann ich das verwenden?

    Danke

    • 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

  • Ich weiß zwar auch nicht wie Du das genau meinst, aber wenn das

    Code
    .alignright { 
        float: right; 
    }

    in das:

    Code
    img.header-image, 
    img.wp-post-image header-image{ 
        border-radius: 30px; 
        box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.2);

    rein soll, dann musst das so aussehen:

    Code
    img.header-image, 
    img.wp-post-image header-image{ 
        border-radius: 30px; 
        box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.2);
        float: right;
    }
  • Danke für die Antwort. Oben habe wohl einfach CSS falsch verwendet. Ich habe das jetzt so gelöst:

    HTML
    .header-image-right{ 
        float: right;
        width:40%;
        height:40%; 
    }

    Allerdings sind Bilder und Text nicht nebeneinander sondern übereinander trotz:


    HTML
    .site-header h1 {
        float: left;
        width:50%;
    }
    
    
    .site-header h2 {
        float: left;
        width:50%;
  • Da kann Dir keiner helfen! Warum? Weil Du keinen Link gibst. Somit ist es unmöglich Dir Deine Fehler zu benennen. Alleine mit Code geht an dieser Stelle gar nichts ;-)

Jetzt mitmachen!

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