Design: Den Quicktag more formatieren?

Was müsste ich tun, um more meinen eigenen Vorstellungen im Design anzupassen ?

Was ich habe:

Ich weiss dahinter steckt the_content im Loop.

<div class="storycontent">
<?php the_content("Mehr zu ›››››› " . the_title('', '', false)); ?>
</div>

Konkret möchte ich daß die Ausgabe rechts in Kursiv steht mit 20px Abstand zum oberen Rand.
Wenn ich der classe storycontent in der style.css entsprechende Einträge einbaue, dann ist der ganze Artikel formatiert - und nicht nur die "Mehr zu..." Zeile

Habt ihr Vorschläge, wo ich ansetzen muss damit CSS für die more Darstellung klappt?

Hmmm..

Zitat von SuMu

erstell ein neues div und pack da deine php funktion rein

Genau das habe ich gemacht:
<div class="storycontent">
<div class="more-link">
<?php the_content("Mehr zu ›››››› " . the_title('', '', false)); ?>
</div>
</div>

und das wirkt aber auch auf den kompletten Artikel.

Zitat von SuMu

oh, dann fällt mir dazu leider auch nichts ein, ausser du überprüfst noch mal den code und das css, manchmal vergisst man etwas oder hat ein leerzeichen zuviel

Merci dafür.

Zitat von spickzettel

Folgender nicht ganz sauberer Trick sollte funktionieren:

<?php the_content('<div class="more-link">Mehr zu ›››››› ' . the_title('', '', false).'</div>'); ?>

Das <div> muss natürlich nur das "Mehr zu..." umschließen, nicht den gesamten the_content.

Super! das war der richtige Tipp.

Die Zeile aus dem loop in index.php die funzt lautet jetzt:
<?php the_content('<div class="more-link">Mehr zu ››››››' . the_title('', '', false).'</div>'); ?>

Wobei die >> Zeichen natürlich als HTML Code stehen müssen, aber ich weiss jetzt net wie das hier hinbekommen kann, ihr wisst aber Bescheid..

In der style.css hab ich stehen:

.more-link{
margin-top:20px;
font-style: italic;
text-align: right;
/* blafasel ... */
}

Damit kann ich <!---more--> mit CSS anpassen wie ich will.
Wieder was gelernt.