Verschiedene Klassen per CSS ansprechen

rosaro · 26.07.2013

Liebe Freunde der Code-Kunst!

Ich habe in kleines Problem und komme partout nicht weiter. Vielleicht hat ja jemand von Euch eine Idee.

Auf unserem WP-Blog werden die einzelne Artikel mit der jeweiligen Kategorien-Farbe gekennzeichnet, bzw. unterlegt.

Nun bin ich kein Profi (aber lernwillig) und habe es auch hinbekommen. Es funktioniert prima auf der Fromt-Page und bei den jeweiligen Artikeln (single.php). Nun wird neuerdings auf der Index Seite (ist unser Blog), sobald die Artikel untereinander aufgereiht werden, wahrlos Farben vergeben. Ich sehe dahinter einfach keine Logik. Manchmal hat ein Artikel die richtige Farbe und sobald ein neuer Post hinzukommt wieder nicht und er übernimmt die vorherige Farbe ?!?!?!

Ich habe auch schon versucht die Anzahl der angezeigten Artikel pro Seite zu verändern. Dann geht es mal gut auf Seite 1, aber auf Seite 2 wieder nicht..........?

Ein Auzug aus dem Loop :

PHP:

      <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
            
                <div class="cont-art"> 
                    <div id="post-<?php the_ID(); ?>" <?php post_class(); ?> >
                        <div class="ind_pic">
                            <?php the_post_thumbnail('post-ind'); ?>
                            <div class="ind_cap">
                                 <h1><a href="<?php the_permalink(); ?>"><?php  the_title();?></a></h1>
                                <h6><?php echo get_the_date(); ?></h6>
                            </div>
                        </div>
                    </div>
                    <?php the_content('. . .MEHR'); ?>

Und so das CSS:

Code:

.interviews .spec-art .spec-caption,
.interviews .ind_pic .ind_cap,
.interviews .sing_pic .sing_cap {
    border-top:solid 5px #4A8584;
    background-color:#4A8584;
}

.flohmarktliebe .spec-art .spec-caption,
.flohmarktliebe .ind_pic .ind_cap,
.flohmarktliebe .sing_pic .sing_cap {
    border-top:solid 5px #26A9BC;
    background-color:#26A9BC;

}

, usw....
Ach und hier nochmal ein LINK.
Vielleicht hat ja jemand eine Idee, weil ich weiß grad nicht weiter.

Das einzige was mir noch einfällt, wäre das irgendwas an der bodyclass nicht stimmt?!?! Aber dann würde es doch auf den anderen Seiten auch nicht gehen..

Also ich freue mich über Ideen und Anregungen.

Greez
R

rosaro · 26.07.2013

AW: Verschiedene Klassen per CSS ansprechen

Um es genauer zu machen, hier funktioniert es nicht. Schon der zweite Post, sollte grünlich sein (1.Kategorie INTERVIEWS)
LINK

hmmmm-------

owieortho · 26.07.2013

AW: Verschiedene Klassen per CSS ansprechen

Mit Firebug kannst Du Dir wunderbar die verantwortlichen tags und die zugehörigen css-Formatierungen anzeigen lassen. Das sollte schon mal erste Hinweise geben.

O.

rosaro · 26.07.2013

AW: Verschiedene Klassen per CSS ansprechen

Ich habs versucht

Die Angaben für Interview (im obrigen Bsp.) sind dann durchgestrichen und er übernimmt die CSS vom vorherigen Post.....

_schatzi_ · 26.07.2013

AW: Verschiedene Klassen per CSS ansprechen

Hallo!

Laut Firebug werden deine Definitionen aus Zeile 98 durch die Definitionen in Zeile 124 überschrieben.
Auch eine css-Datei wird von oben nach unten abgearbeitet!

rosaro · 26.07.2013

AW: Verschiedene Klassen per CSS ansprechen

Ja. Das timmt! mit den Überschreibungen... Aber warum, frage ich mich

Vielleicht bin ich blöd und / oder blind:

hier die nummer 98:
.interviews .spec-art .spec-caption,
.interviews .ind_cap,
.interviews .sing_pic .sing_cap {
border-top:solid 5px #4A8584;
background-color:#4A8584;
}

und die 124:
.do-it .spec-art .spec-caption,
.do-it .ind_cap,
.do-it .sing_pic .sing_cap {
border-top:solid 5px #D9C9C2;
background-color:#D9C9C2;
}

Ja aber das mt der "von oben nach unten" Anordung, ist ja bei einem blog nicht möglich. Ich weiß ja nicht welche kategorie morgen gebloggt wird

_schatzi_ · 26.07.2013

AW: Verschiedene Klassen per CSS ansprechen

Hallo!

Versuch mal, etwas präziser zu kaskadieren:

.interviews .ind_pic .ind_cap

bzw.

.flohmarktliebe .ind_pic .ind_cap

Im Eingangsthread schriebst du zwar, dass du das getan hättest, in der style.css fehlen aber die roten Teile!

rosaro · 26.07.2013

AW: Verschiedene Klassen per CSS ansprechen

Ja, das hatte ich vorher....aber es hat nicht funktioniert...deswegen hatte ich gerade versucht es wieder rauszunehmen....

Aber ich probiere es nochmal

Aber danke!

_schatzi_ · 26.07.2013

AW: Verschiedene Klassen per CSS ansprechen

Hallo!

Wie ich sehe, scheint das auch nicht zu funktionieren...

Der ".do-it"-Kram scheint (warum auch immer?) alles zu überschreiben bis auf den ".interiors"-Kram.
Der ".interiors"-Kram ist aber der einzige, der NACH dem ".do-it"-Kram kommt.
Was passiert also, wenn du den ".do-it"-Kram noch über den ".interviews"-Kram schiebst? Funktioniert es dann?
(Logisch wäre das zwar nicht, aber einen Versuch ist es allemal wert, auch wenn ich es nicht erklären könnte...)

rosaro · 26.07.2013

AW: Verschiedene Klassen per CSS ansprechen

JAAAAA!

Dachte ich erst...aber dann.....geh mal auf Seite 2!

So doof! da übernimmt er wieder styles von ner anderen Kategorie...

Aber echt!

riesen danke!

Haste sonst noch ne Idee?

_schatzi_ · 26.07.2013

AW: Verschiedene Klassen per CSS ansprechen

Aahhh!!!!
Ich glaube, ich hab's!!!

Deine Klassen "interior", "beauties", usw. werden auch dem body zugeordnet!
Warum? Weiß ich nicht, da ich dein php logischerweise nicht sehen kann!

Und weiter unten in deiner style.css hast du Definitionen wie

.interviews #cl_block_sites
oder auch
.flohmarktliebe #cl_block_sites
usw.
in denen auch background-colors zugewiesen werden!

Kommentiere diesen Teil mal aus und prüfe was passiert.
Besser aber: Prüfe, warum der body diese Klasse bekommt, denn die macht ja eigentlich keinen Sinn!!!

rosaro · 26.07.2013

AW: Verschiedene Klassen per CSS ansprechen

Toller hinweis!
DANKE!

Aber bei Seite 2 Finktioniert es iweder nicht...Ich bin kurz davo rim Backend einzustellen, dass alles auf einer Seite angezeigt wird

rosaro · 26.07.2013

AW: Verschiedene Klassen per CSS ansprechen

hier nochmal das php:

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

<div class="cont-art">
<div id="post-<?php the_ID(); ?>" <?php post_class(); ?> >
<div class="ind_pic">
<?php the_post_thumbnail('post-ind'); ?>
<div class="ind_cap">
<h1><a href="<?php the_permalink(); ?>"><?php the_title();?></a></h1>
<h6><?php echo get_the_date(); ?></h6>
</div>
</div>
</div>
<?php the_content('. . .MEHR'); ?>

rosaro · 27.07.2013

AW: Verschiedene Klassen per CSS ansprechen

Nächster Morgen:
Kopf wieder klarer!

Das wars...Die Body class imheader...

Danke!