Hintergrundgrafik hinter Kategorien?

  • Hi Leuz,

    hab heute morgen WP installiert u soweit eingerichtet dass es jetzt ganz gut aussieht.

    http://www.steinblog.steinindustrie.de/

    Ich möchte jetzt aber noch, wie auch beim Suchenfeld, einen blauen Kasten hinter meinen "Kategorien" THEMEN und hinter meinem "Archiv" haben. Diese beiden sind ja über Widgets eingebunden, wie die Suche eben auch. Nur habe ich im CSS für das searchfield einen Container gefunden den ich mit der hg-grafik belegen konnte und bei den THEMEN und ARCHIV ist das eben nicht der Fall.

    Also wie bekomm ich hinter die THEMEN auch einen blauen Kasten?
    Ich benutze das Kubrik-Theme

    thx
    flo

    Einmal editiert, zuletzt von nullhorn (11. Juni 2009 um 20:13)

    • 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

  • Beides Widgets bekommen eine Klasse. Entweder die generische Klasse .widget für alle Widgets oder eben .widget_categories für das Kategoriewidget. Einfach im HTML-Quelltext nachschauen welche Klasse vergeben wird und dann dein CSS daran anpassen.

  • nix - soweit war ich ja auch schon.
    also die index.php verweist auf die sidebar.php. soweit so gut.
    den gesamten sidebar kann ich mit css auch erfassen. auch gut.

    aber wenn ich jetzt in die sidebar.php reinschau:



    Dann find ich nichts was dem Widgets "ARCHIV" oder "KATEGORIE" zuzuordnen ist. Ich habe erst gedacht, die php includes mit den yearly archive ist was - aber ich hatte die mal rausgenommen testweise u da is gar nix passiert. und in meiner css gibt es keine widgets.

    mmmh un nu?

  • Das CSS interessiert sich nicht die Bohne für deine PHP-Dateien. Nur für das generierte HTML was im Browser ankommt. Klick mal in deinem Browser auf "Seitenquelltext anzeigen" oder so ähnlich, dort findest du die Klassennamen schon. ;-)

  • wieder nix da...

    ich gugg in die index rein in den quelltext:



    und

    HTML
    <li id="archives" class="widget widget_archive"><h2 class="widgettitle">ARCHIV</h2>  <ul>
       <li><a href='http://www.steinblog.steinindustrie.de/?m=200906' title='Juni 2009'>Juni 2009</a></li>



    wie man sieht gibts da jede menge klassen und IDs, diese sind aber alle - wirkilch alle NICHT in der CSS drine. und die index.php greift aber auch nur auf diese style.css zu. also versteh ich des net so ganz.

  • wie man sieht gibts da jede menge klassen und IDs, diese sind aber alle - wirkilch alle NICHT in der CSS drine


    Dann leg sie doch dort an. Such dir eine ähnliche Regel, kopier diese, pass den Selektor auf die Widgets an und ändere deine Eigenschaften so ab wie du sie haben möchtest.

    Oder ist dir nicht klar wie CSS genau funktioniert? Dann schau dir mal die Einführungskapitel hier an:
    SELFHTML: Stylesheets / CSS-Formate definieren
    CSS 4 You - The Finest in Stylesheets: Workshop CSS: Allgemeines




  • Soooooo, jetzt hab ich da was gefunden.
    In der Datei widgets.php finde ich nun folgendes:



    Wenn ich das raus nehme ist es nicht mehr auf der Seite.
    Also muss ich diesen Teil irgendwie in einen container bekommen oder?
    Hab ich nämlich grad probiert u da hat er schon wieder Fehlermeldungen ausgegeben.

  • mmh des bringt mich jetzt aber auch net weiter.
    des darf doch net wahr sein. jetzt hab ich alles hin bekommen und am letzten container scheiterts jetzt oder was?

  • Code
    #sidebar .widget_categories {
      background:...;
    }
    #sidebar .widget_archive {
      background:...;
    }


    Was ist denn da das Problem? Wenn die Regeln nicht in deiner style.css vorhanden sind (sind sie nicht!), dann füge sie einfach hinzu. Wo ist völlig egal, vorzugsweise dort wo die anderen Sidebar-Regeln auch stehen.

  • was das problem ist?
    die sheets in die css einzufügen ist nicht das problem!
    das problem ist für mich grad noch herauszufinden wo ich die sheets in der php einbinden muss damit se richtig angwandt werden. ich find den part net der die cat betrifft.

  • Wieso das ist doch alles da?

    Code
    <li id="[COLOR="Red"]categories-455771091[/COLOR]" class="[COLOR="Blue"]widget[/COLOR] [COLOR="Magenta"]widget_categories[/COLOR]">
    Code
    <li id="[COLOR="Red"]archives[/COLOR]" class="[COLOR="Blue"]widget[/COLOR] [COLOR="DarkOrange"]widget_archive[/COLOR]">


    3 Selektoren die du per CSS ansprechen kannst, je nachdem was du erreichen willst nimmst du den einen oder den anderen. Ich versteh ehrlich gesagt überhaupt nicht was dein Problem ist...

Jetzt mitmachen!

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