Twenty Ten - Nachrichtenbereich transparent, Texte im Footer zentrieren

  • Guten Abend,

    ich versuche krampfhaft auf einer neuen Seite den Textbereich
    so einzustellen, das man die Hintergrundgrafik sehen kann.

    Außerdem möchte ich den Bereich für das Headerbild auch so anpassen, das die weissen Stellen ebenfalls durchsichtig werden.

    Für den Footerbereich möchte ich den Text gern zentriert haben.

    Ich habe ein Childtheme von Twenty Ten angelegt und schon diverse Änderungsversuche hinter mir. Irgendwie klappt das alles nicht.

    Hat jemand eine Idee wie bzw. wo ich das einstellen muss?

    Danke für Hinweise
    Axel

    PS: Neue Seite http://www.hebammen-osnabrueck.de/Ammen

    • 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

  • Hi Alex,

    wenn du ab Zeile 173 der style.css den markierten Code löschst, dann ist (natürlich) der weiße Hintergrund weg

  • Hallo Gerd,

    danke für für die Antwort. Ich habe das auskommentiert und das Ergebnis ist wie ich es haben möchte.

    Es scheint, als hätte ich etwas grundlegendes von Childthemes nicht verstanden.
    Ich hatte für diese Seite auf dem Server ein Child angelegt und dann versucht, meine Anpassungen in einer style.css in dem neuen Verzeichniss zu machen. Was nicht funktioniert. Ich hatte versucht nur bestimmte Bereiche aus der ori. CSS zu nutzen und den Rest vorher zu laden.

    Muss ich denn eine komplette Kopie der style.css machen und die dann bearbeiten?

  • Hi Alex,

    in die style.css des Child muss nur der Code, der anders sein soll. Bei manchen Anweisungen geht das dann nur, wenn du !important hinter den Befehl schreibst.

  • Hallo Gerd,

    In meinem vorliegenden Fall geht das dann also nicht über die Style.css des childs?

    Was passiert dann, wenn es ein Update des Eltern-Theme gibt? Wird das dann wieder überschrieben und ich muss es doch alles wieder nachbauen?

  • Hi Alex,

    das Child hat ein eigenes style.css mit den Änderungen.

    Zitat

    in die style.css des Child muss nur der Code, der anders sein soll.

    Bei Updates des Parent bleibt das Child unberührt:

  • Hallo Gerd,

    das ist mir jetzt klarer. Aber, wenn ich einen Teil z.B. nicht darstellen
    möchte, dann muss ich das wohl in der Style.css des Eltern Themes auskommentieren?

    Wenn dann ein Update kommt, werden meine Änderungen dann überschrieben.
    Sehe ich das richtig?

  • Hi Alex,

    ja, das siehst du richtig.

    Auskommentieren im Eltern Theme ist deswegen nicht geschickt, denn dann ist das bei Updates wieder weg. Du kannst höchstens die Anweisung in die Child CSS kopieren und ein display:none anfügen, wenn etwas nicht angezeigt werden soll.

  • Hallo Gerd,

    ja verstanden. Display:none hat mich wieder etwas weitergebracht.

    Hast du noch eine Idee, wie ich im Footerbereich 1. das Copyright anzeigen kann und 2. das ganze zentriert bekomme?

    Danke schon mal bis hierher.
    Axel

  • Hi Alex,

    was soll wohin und wie?

    Du hast einen leeren Link im Footer

    Code
    <div id="site-info">
    		<a href="[URL="http://forum.wpde.org/view-source:http://www.hebammen-osnabrueck.de/Ammen/"]http://www.hebammen-osnabrueck.de/Ammen/[/URL]" title="" rel="home">
    									</a>
    	</div><!-- #site-info -->

    Also nach dem rel="home"> fehlt der Linktext ;-)

  • Hallo Gerd,

    die Zeile mit dem Link soll in die Mitte der Seite.
    Darunter sollen dann später evtl. noch eine Telefonnummer uä.

    Außerdem soll vor den Text das Copyright c

    ähm das mit dem Link muss ich noch ändern :oops:

  • Hi Alex,

    ich würde nur die site-info wie oben im Code-Schnipsel nutzen und diese um das copyright erweitern.

    Dazu das style.css im Child ergänzen

    und im footer die site-info löschen

    Code
    <div id="site-generator"><center><a title="" href="http://www.hebammen-osnabrueck.de">� Hebammenverband Stadt und Land Osnabrueck</a>
    
    
    
    
    </center>

    Zum Copyright-Zeichen -> http://forum.de.selfhtml.org/archiv/2006/7/t132655/ es sollte

    Code
    &copy;

    sein

  • Hallo Gerd,

    ich steh auf dem Schlauch.

    Ich habe eine Footer.php im Child-Verzeichnis. Der Inhalt ist
    </div><!-- #main -->

    <div id="footer" role="contentinfo">
    <div id="colophon">

    <?php
    /* A sidebar in the footer? Yep. You can can customize
    * your footer with four columns of widgets.
    */
    get_sidebar( 'footer' );
    ?>
    <div id="site-info">
    <a href="http://www.hebammen-osnabrueck.de/Ammen/" title="" rel="home">
    </a>
    </div><!-- #site-info -->

    </div><!-- #colophon -->
    </div><!-- #footer -->

    </div><!-- #wrapper -->

    <?php
    /* Always have wp_footer() just before the closing </body>
    * tag of your theme, or you will break many plugins, which
    * generally use this hook to reference JavaScript files.
    */

    wp_footer();
    ?>

    Außerdem habe ich in der Style.css im Child-Verzeichnis das hier eingetragen
    #site-info {
    font-size: 14px;
    font-weight: bold;
    width: 700px;
    text-align: center !important;
    }

    Klappt aber nicht. Ich finde den Fehler nicht.

    Gruß
    Axel

  • Hallo Axel,

    auf jeden Fall muss ein Linktext rein, sonst siehst du nichts

    So hatte ich gedacht;-)

    Den Code im Posting hier immer mit Code markieren, das ist der dritte Button von rechts in der zweiten Zeile der erweiterten Ansicht ;-)

Jetzt mitmachen!

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