Css Klasse für Listen in einer Kategorie?

  • Hi,

    ich möchte gern für einen Listentyp (<ul>), welcher für eine bestimmte Wordpresskategorie genutzt werden soll, eine separate CSS Klasse verwenden (ul.kategorieklasse). Ist sowas einfach möglich? Wo und welchen Code müsste man dafür verwenden?

    Ich freue mich über Antworten.

    Viele Grüße

    Tom

    • 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

  • Wo und welchen Code müsste man dafür verwenden?


    Dazu müsste man erstmal wissen, wo diese speziellen Listen auftauchen sollen. Wenn es Listen innerhalb des jeweiligen Post-Contents sind, hast du gute Chancen, dass die Kategorie mit in der Post-Class ausgegeben wird. Dann könntest du die Listen darüber ansprechen.

    Siehe
    https://codex.wordpress.org/Function_Reference/post_class
    http://www.wpbeginner.com/wp-themes/defa…-for-beginners/

    Gruß
    helix

  • Hallo, vielen Dank für die Antworten!

    helix: ja, die Liste kommt im Post-Content vor. Hab grad mal im Seitenquelltext geschaut. Dort habe ich folgendes gefunden:

    <article id="post-2059" class="post-2059 post type-post status-publish format-standard hentry category-karriere">

    Also könnte ich dann z.B. die Liste per CSS entsprechend ansprechen:

    ul.category-karriere {}

    Viele Grüße

  • Fast. Du musst es nur umgekehrt herum denken / schreiben. Die ul-Liste befindet sich ja innerhalb deines article mit der Klasse .category-karriere

    Also .category-karriere ul {}

    Gruß
    helix

  • ich tät es mit

    HTML
    .category-karriere  ul probieren


    ;-)

    die CSS Klasse, die oberhalb steht, steht zuerst bei der Selektion

    wenn aber im Original CSS zb

    HTML
    .entry-content ul steht


    würde dein Selektoranordnung so aussehen:

    HTML
    .category-karriere  .entry-content ul

Jetzt mitmachen!

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