Trennlinie bei Blogtitel entfernen

    Hallo, ich habe folgendes sehr individuelles Problem. Ich habe am Template NewForest rumgebastelt und habe jetzt ein Problem. Ich möchte das die Linie unter bzw. auf dem Blogtitel verschwindet, da sie mich stört. Siehe hier: http://commons.ch ... Habe jetzt über firebug rausgefunden wo diese linie definiert ist. das ist in der style.css

    #logo h2 {
    color:#FFFFFF;
    font-family:georgia,times;
    font-size:1.5em;
    padding:0 0 0 40px;
    text-decoration:none;


    }
    style.css (Zeile 206)
    #logo h2 {
    color:#FFFFFF;


    }
    style.css (Zeile 42)
    #logo * {
    margin-top:-7px;
    text-decoration:none;


    }
    [COLOR=DarkRed]style.css (Zeile 190)[/COLOR]
    [COLOR=DarkRed]h2, h3 {[/COLOR]
    [COLOR=DarkRed]border-bottom:1px solid #D0D6DB;[/COLOR]
    [COLOR=DarkRed]font-size:1em;[/COLOR]
    [COLOR=DarkRed]margin-bottom:10px;[/COLOR]


    [COLOR=DarkRed]}[/COLOR]
    style.css (Zeile 44)
    h2 {
    color:#444444;
    font-family:Georgia,Verdana,Serif;
    font-weight:normal;
    margin:0;
    padding:0;
    text-transform:uppercase;


    }
    style.css (Zeile 33)
    * {
    font-family:georgia,times;


    }

    habe diese zeilen jetzt einfach mal gelöscht, musste aber feststellen, dass auch die sidebar Unterliniern (die ich behalten will) damit definiert werden.

    #sidebar h2 {
    color:#5E011D;


    [COLOR=DarkRed]}[/COLOR]
    [COLOR=DarkRed]style.css (Zeile 69)[/COLOR]
    [COLOR=DarkRed]h2, h3 {[/COLOR]
    [COLOR=DarkRed]border-bottom:1px solid #D0D6DB;[/COLOR]
    [COLOR=DarkRed]font-size:1em;[/COLOR]
    [COLOR=DarkRed]margin-bottom:10px;[/COLOR]


    [COLOR=DarkRed]}[/COLOR]
    style.css (Zeile 48)
    h2 {
    color:#444444;
    font-family:Georgia,Verdana,Serif;
    font-weight:normal;
    margin:0;
    padding:0;
    text-transform:uppercase;


    }
    style.css (Zeile 37)
    * {

    Andere Idee war die Linie im selben grau, wie den Header zu machen, das hat aber der IE7 nicht akzeptiert, da war der Titel dann grau durchstrichen. Diese Linie muss aber weg, hat jemand einen Lösungsvorschlag für mich. Das wäre super toll!

    Ich weiß das ich ein bisschen rumgepfuscht habe, aber ich kenn mich einfach auch nicht so gut aus. Danke für die Hilfe!!!

    • 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

    Code
    h2, h3 {
border-bottom:1px solid #D0D6DB;
font-size:1em;
margin-bottom:10px;




}

    in

    Code
    h2, h3 {
border-bottom:0;
font-size:1em;
margin-bottom:10px;




}

    oder einfach dieses h2 unter <div id="logo"> in der header.php entfernen.

    problem ist bei der ersten variante, dass dann auch die linien der sidebar (wie oben beschrieben) weg sind, das will ich nicht.

    Das im header.php zu entfernen, hätte dieselbe auswirkung oder? deshalb meine frage nach einer anderen lösung. Danke

    Wenn du das h2 zwischen <div id="logo"> und </div> entfernst, ist die Linie dort weg, in der Sidebar aber weiterhin da.

    die linie im h2,h3 wegnehmen und eine mehr spezifischen style fuer #sidebar neu einfuegen:

    Code
    h2,h3 {
 margin-bottom: 10px;
 border-bottom: 0;
 font-size: 1.0em;
}
#sidebar h2, #sidebar h3 {
 margin-bottom: 10px;
 border-bottom: 1px solid #D0D6DB;
 font-size: 1.0em;
}

    Danke

    die letze idee hat funktioniert. sehr schön! Danke alchymyth!!! Kann man irgendwo das präfix auf gelöst stellen, so wie im Joomla Support Forum?

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden