Bugfix für WordPress Theme MistyLook durch CSS-Trick
Für kleine Blogprojekte setzte ich sehr gerne das nett gemachte WordPress Theme „MistyLook“ von Sadish ein. Leider hat dies einen kleine Bug: Verwendet man Bilder-Galerien, so wird der Schatten-Effekt durch ein Link-Border überdeckt, was ziemlich hässlich aussieht. Möchte man dies mit dem CSS User-Stylesheet Editor von WordPress beheben, steht man vor einem Problem. Fügt man
div #gallery-1 img { border-width:0px; }
ein, so bringt das leider gar nichts: Das CSS für die Gallery wird (vereinfacht gesprochen) erst nach dem User- und Theme-Stylesheet geladen und überschreibt so dies. Folgendes einfaches Beispiel illustriert das Problem:
<head>
<title>Test</title>
<style>/* Style 1: */
div #meintext strong { color:red; }/* Style 2 (nicht änderbar): */
div #meintext strong { color:green; }</style></head>
<body>
<div>
<span>Hallo <strong>Welt</strong></span>
</div>
</body>
Die kleine Rätselaufgabe: Sie möchten, dass das Wort „Welt“ rot dargestellt wird, dürfen jedoch weder die Definition „Style 2“ noch den HTML-Quelltext sondern nur die Zeile nach „Style 1“ verändern. Geht das? Read more…
