Firebug Problem?

  • Moin,

    Ich hab ein problem mit dem anpassen meines blogs, firebug funktioniert für mich wunderbar aber ich trotzdem nicht viel Ahnung von Codes und Templates.

    Folgendes:

    Ich nehme eine Änderung an bspw. der Überschrift einer meiner Seiten vor, will das diese Änderung aber nur auf dieser einen spezifischen Seite vorgenommen wird , wenn ich firebug verwende und den veränderten code dann in meine "custom code" section, meines themes paste, verändert das aber die Überschrift aller Seiten.

    Wo und wie muss ich den code eingeben wenn ich nur die Überschrift der einen Seite ändern will?

    • 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

  • Hey,
    theoretisch ist das möglich, allerdings mit recht hohem Aufwand und ohne CSS wissen geht es kaum und bei einigen Themes ist auch PHP nötig. Und natürlich das Verständnis wie das ganze funktioniert.

    Die Frage ist: Muss es unbedingt sein dass die Überschrift anders aussieht?? Ist es eine besondere Seite oder willst du einfach nur andere Überschriften ( wirkt nicht besonders Professionell enn jede Überschrift anders aussieht).

    Wenn du drauf bestehst das es anders aussehen muss soll helfenw ir dir natürlich gerne :)

    Digitaler Rucksack Nomade

  • Das geht über die "body-class"

    schau mal ob dein Theme bereits damit arbeitet

    dann einfach die entsprechende class der Seite dem CSS-Code voran schreiben

    Beispiel:
    normaler CSS für alle Seiten

    Auf Seite 2 vorhandene "body-class"

    Code
    <body class="blog paged paged-2 layout-2cr gecko">

    auf "Seite 2" soll nun die Überschrift z.B. rot sein

    somit einfach das "paged-2" verwenden

    Code
    .paged-2  .blogpost h3.blogtitle, .paged-2 .blogpost h3.blogtitle a {
        color: #f20000;
    }

    Einmal editiert, zuletzt von Tutrix (27. April 2012 um 13:57)

  • Vielen dank für die antworten, ich versuch das schon seit tagen rauszufinden, ich werde aber nicht wirklich schlau aus dem code..

    Das mit der Überschrift war nur ein Beispiel um zu verdeutlichen, es geht eigentlich um portfolio Bilder die auf der homeseite wie hier angezeigt werden / werden können:
    http://forum.wpde.org/attachment.php…=1&d=1335543098

    (Das soll auch so bleiben)

    Und auf der eigenen portfolo page / seite sieht das ganze dann so aus:
    http://forum.wpde.org/attachment.php…=1&d=1335543222

    Soll aber zu dem hier werden:
    http://forum.wpde.org/attachment.php…=1&d=1335543478

    Dafür hab ich 2 codes in firebug geändert;

    .Diesen code um die images klein zu machen:

    CSS
    img.scale-with-grid {
        height: 59px !important;
        max-width: 106px !important;
    }

    .Diesen um den content unter den images nach oben zu rücken:

    CSS
    .column-last {
        clear: right;
        margin-right: 0 !important;
        margin-top: -83px;
    }

    Beide beeinflussen aber alle meiner Seiten, deswegen die frage..

    Ich benutze dieses theme:
    http://themewich.com/themes/?theme=Aware(Responsive)

    Die page-id der portfolio Seite ist: 1727
    Und japp, mein theme arbeitet selbstverständlich mit body tags usw. :)


    Hilfe :???:

    Einmal editiert, zuletzt von Bama77 (27. April 2012 um 18:38)

  • Zitat

    Und die page-id der portfolio Seite ist: 1727

    das heißt du hast ".paged-1727" verwendet und es funktioniert trotzdem nicht?

    dann bitte einen Link zu "deiner" Seite, die die bearbeitet werden soll

  • eine Page ID kann ich in deiner CSS nicht finden!

    aussehen müsste es z.B. so

    CSS
    .page-id-1727 .img.scale-with-grid {
        height: 59px !important;
        max-width: 106px !important;
    }

    wobei du dies (denke mal dass ist die normale Definition) ja auch schon mit "!important" versehen hast

    CSS
    img.scale-with-grid {
        height: auto !important;
        max-width: 100% !important;
    }

    das "!important" andere Definitionen überschreibt ist dir bekannt?!
    "!important" also nur dann verwenden wenn es gar nicht anders möglich ist

    der andere Codeteil würde dann so aussehen

    CSS
    .page-id-1727 .column-last {
        clear: right;
        margin-right: 0 !important;
        margin-top: -83px;
    }

    Einmal editiert, zuletzt von Tutrix (27. April 2012 um 19:08)

  • Naja, ich hatte es folgendermaßen:

    CSS
    img.scale-with-grid {
    	max-width: 100% !important;
    	height: auto !important; 
    }
    .page-id-1727 {
    	max-width: 59px !important;
    	height: 106px !important; 
    }

    und da das nicht funktioniert hat hab ich es wieder rausgenommen.


    Ich denke ich krieg das jetzt hin, ein frage noch:

    Da das der ursprüngliche code ist:

    CSS
    img.scale-with-grid {
        height: auto !important;
        max-width: 100% !important;
    }

    gehe ich davon aus das ich das ganze nun so mache:

    Code
    img.scale-with-grid {
        height: auto;
        max-width: 100%;
    }
    
    
    .page-id-1727 .img.scale-with-grid {
        height: 59px;
        max-width: 106px;
    }


    Es wird ja einen Grund haben warum der theme ersteller das "!important" verwendet?


    Trotzdem schon mal vielen vielen dank, ich bin dir was schuldig ;)

  • du kannst das ja mit Firebug testen, ob "!important" für Page 1727 notwendig ist und was passiert wenn das "!important" aus dem Standard-Code entfernt wird :wink:

  • Hm, es bleibt leider unverändert, auch wenn ich "!imporant" bei beiden rausnehme...an was könnte das liegen?

    Der "column" code funktioniert wunderbar..

  • fantastisch, funktioniert alles!!

    danke dir nochmal; eigentlich müsstest du dafür mindestens drei Bier gesponsert bekommen..ich wünsch dir auf jeden fall den bestmöglichen Freitag Abend den mann so haben kann. :-)

Jetzt mitmachen!

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