Sidebar nimmt H2 Formatierung nicht an

  • Hallo,
    ich verwende seit ein paar Tagen das Theme mornig coffee
    und so sollte laut Screenshot das Menü aussehen (siehe Anhang

    und so schaut es bei mir aus brummelliese bloggt
    Ich hab nun schon ziemlich viel ausprobiert, aber da ich nicht wirklich die Ahnung von PHP und CSS habe, kann ich den Grund einfach nicht finden.

    sidebar.php

    aus der style.css
    /*-- Sidebar settings --*/
    #sidebar {
    float:right;
    width:341px;
    color:#000000;
    margin-top:0px;
    position:relative;
    font-size:11px;
    background-image: url(images/sidebar.jpg);
    background-repeat: repeat-y;
    }
    #sidebar a:hover {
    color: #000000;
    text-decoration: none;
    }
    #sidebar h2 {
    font-size:14px;
    font-weight:bold;
    margin:0;
    background-image: url(images/sidebarh2.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    color: #000000;
    padding-top: 3px;
    padding-right: 0;
    padding-bottom: 12px;
    padding-left: 8px;
    }
    #sidebar ul li strong {
    color:#000000;
    }
    #sidebar-top {
    width:231px;
    padding:5px;
    }
    .sidebar-top-box {
    margin-bottom:10px;
    padding:0;
    }
    .box-padding {
    padding:7px;
    }
    .sidebar-top-box p {
    margin-top:3px;
    margin-bottom:3px;
    }
    #sidebar-top h2 {
    margin-top:10px;
    color:#000000;
    }
    #sidebar-top .textwidget {
    margin-bottom:10px;
    padding:7px;
    }
    #sidebar-top ul ul {
    list-style-type:none;
    margin-bottom:10px;
    padding:10px 7px 7px 12px;
    }
    #sidebar-top ul ul li {
    padding-left:10px;
    list-style-type:none;
    background-image:url(images/lidot.gif);
    background-repeat:no-repeat;
    background-position:left top;
    padding-bottom:3px;
    }
    #sidebar-top ul li a {
    text-decoration:none;
    }

    #sidebar-top .box-ads a{
    text-decoration:none;
    }
    #sidebar-left {
    float:left;
    width:215px;
    padding:0 10px 0 5px;
    }
    #sidebar #sidebar-left h2, #sidebar #sidebar-right h2 {
    margin:15px 0 10px;
    color: #000000;
    }
    #sidebar-right {
    float:left;
    width:153px;
    padding:0 5px 0 10px;
    }
    #sidebar-left ul ul, #sidebar-right ul ul {
    padding-left:5px;
    }
    html, #sidebar ul, #sidebar-wrap ul, .rel-posts ul {
    margin:0;
    padding:0;
    }
    #sidebar-right li, #sidebar-left li {
    background:url(images/lidot.gif) no-repeat left top;
    list-style:none;
    margin:0;
    padding:0 0 5px 8px;
    }
    #sidebar-left .children, #sidebar-right .children {
    padding-top: 8px;
    }
    #sidebar-left ul.children li, #sidebar-right ul.children li {
    padding-bottom: 3px;
    padding-top: 0px;
    }
    #sidebar h2 a.rsswidget {
    color: #000000;
    text-decoration: none;
    }
    #sidebar .rsswidget img {
    float: left;
    margin-top: 2px;
    margin-right: 7px;
    }

    Soweit ich das verstehe, nimmt die Sidebar die -Sidebar h2 - Formatierung nicht an. Kann mir jemand sagen, was falsch läuft? Was ich wo ändern muss?

    Gruß Liese

    • 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 habe den FF und Firebug. Habe es mir damit auch schon angeschaut, aber da ich wie schon erwähnt, keine Ahnung von PHP und CSS habe, sagt mir das nichts.

    Gruß Liese

  • in diesem fall ist es kein <h2> sondern eine <div class="title">.
    style.css:

    Code
    #sidebar-right .title {font-size:150%;}

    (zB. 150% oder 18px oder sonst was..)
    ich hab das auf die rechte sidebar beschraenk, weil ich nicht sicher bin ob .title woanders noch angewandt wird.

    PS: morris hat recht, firebug hilft: zb mit 'ctrl shift Y' kannst du mit der maus ueber die seiten elemente gehen, und dann angezeigt bekommen wodurch die im style beeinfluust werden.

    PPS: wenn du einen link angibst, brauchst du die ganzen codes nicht posten.

  • Firebug funktioniert folgendermaßen: Du schaust in die Html-Ansicht und klickst Dich bis zu Deinem Element durch. Dieses wird dann blau angezeigt. Außerdem siehst Du im Fenster rechts davon den relevanten Html-Code. Damit identifizierst Du Deine Css-class/ID. Im Karteireiter "Css" kannst Du dann auf "Bearbeiten" (oben) klicken und damit "live" Änderungen vornehmen. Falls diese Änderungen funktionieren, übernimmst Du sie in Deine whatever.css.

    Ps. Ein wenig Css/Html/Php Wissen ist immer erforderlich. Oder zumindestens der Wille/die Zeit sich ein wenig durchs Netz zu kämpfen um Erklärungen/Lösungen zu finden.

    Edit: Strg-Umsch-Y ist natürlich noch g´scheiter (kannte ich nur bis gerade eben noch nicht - Danke dafür).

  • alchymyth
    vielen Dank. Ich habe die #sidebar h2 kopiert und als #sidebar-right .title reinkopiert. Nun wird das Menü auch richtig angezeigt. *freu*

    Zum Firebug: Ich hatte wohl gesehen, das auf sidebar-right gezeigt wurde und dort schon einiges probiert. Bin aber leider nicht auf .title gekommen.
    Wieder was dazu gelernt.

    Vielen Dank für Eure Hilfe und Erklärungen. Werde mich mit Firebug noch weiter auseinandersetzen.

    Gruß Liese

Jetzt mitmachen!

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