Darkelements Kopfbild einfügen

  • Moin,

    Ich habe versucht ein Kopfbild einzufügen. Das bild ist zwar da aber ich bin zu blöd es mit CSS zu Stylen.

    Ich möchte das Bild in einen Container mit abgerundeten Ecken aber nicht breiter wie die ganze Seite.

    Ich habe in der Datei header.php folgendes eingefügt
    ====================================================================================

    HTML
    <body <?php body_class(); ?> >
    
    
    <div class="meinbild">
          <div id="meinbildhg">
            <img  id="bildhg" src="http://localhost/Flugshow/wp-content/uploads/2018/07/cropped-fs_goe_05_02.jpg"  >
          </div>
    </div>


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

    in der style.css hab ich eingefügt
    ===========================================================================


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


    Flotte Grüße
    Dirk

    Edit SirEctor: bitte Code-Button benutzen.

    • 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

  • Als erstes
    .meinbg img und #bildhg sind die gleichen. Musst du also nicht doppelt definieren.

    ich würde für #bildhg noch folgendes versuchen:

    Code
    #bildhg{max-width:100%;height:auto;}

    Abgerundete Ecken bekommt man mit border-radius hin.

    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]

  • Machst du das über den Customizer? Nutzt du ein Cache-Plugin?

    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]

  • Da ist aber nicht die beste Variante mit dem Editor! Bei nächsten Update des Themes ist die Möglichkeit groß, dass deine Änderungen von der neuen Version überschrieben werden und die ganzen Bemühungen Geschichte sind!!
    Hier im Forun wird sicher jeden zweiten Tag dazu geraten, CSS Anpassungen NICHT in der Datei direkt zu machen!!
    Der meistgeschriebe Hinweis im Forum lautet sinngemäß - "Im Dashboard unter Design - Customizer in den Zusätzlichen CSS".
    Dazu ein gerne und auch sehr oft verlinktes Video:

    Externer Inhalt www.youtube.com
    Inhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.
    Durch die Aktivierung der externen Inhalte erklären Sie sich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

  • Moin,

    ich habe den Fehler gefunden. Ich hatte eine geschweifte Klammer übersehen die stand ganz unten im Editor und ich hab mein Code damm im

    Code
    @media screen and (max-width:767px) {

    eingefügt. Da waren so viele Leerzeilen das ich nie bis unten gescollt habe.

    @SEpp55,

    Du hast natürlich recht. Aber ich habe noch so viel vor das es dann ein eigens Themes ist und ich keine Updates mache.

    Flotte Grüße

Jetzt mitmachen!

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