
Adamdam
Ich muss nur das CSS der Homepage ändern, ich habe gegoogelt und viele der Vorschläge waren, die Seiten-ID als Teil des CSS-Selektors hinzuzufügen. Aber wenn ich es versuche, scheint es nicht zu funktionieren? Ich möchte die Klasse “.contentclass” ändern und die Seiten-ID ist “599”, also habe ich Folgendes versucht:
.post-id-599 .contentclass {}
.page-id-599 .contentclass {}
.body-id-599 .contentclass {}
keiner scheint zu funktionieren…
Link zu der Webseite, an der ich arbeite: Verknüpfung
Versuchen Sie es mit dem Rechtsklick “Inspect Element” oder einem Äquivalent für Ihren Browser.
Wenn ich mir Ihre Seite ansehe, sehe ich so etwas

<body class="page page-id-624 woocommerce-cart woocommerce-page boxed varukorg" style="">
Also zum Beispiel für diese Seite:
http://witdesign.se/wp/varukorg
du würdest verwenden
body.post-id-624 .contentclass {}
Alle Stile innerhalb der geschweiften Klammern gelten für die Seiten mit der Body-Klasse post-id-668
Um sicherzugehen, müssen Sie mit einem Inspektor überprüfen, was in Ihrem Browser gerendert wird.
Wenn Ihr Thema verwendet body_class() im Body-Tag haben Sie eine bestimmte CSS-Klasse für die Titelseite (.home
), die Sie im Stylesheet verwenden könnten;
Beispiel (kann für Ihr Thema anders sein):
.home #content .entry { color: #123edf; }
Um das allgemeine Stylesheet style.css zu überschreiben, könnten Sie eine bedingte Anweisung in der header.php verwenden, um ein bestimmtes Stylesheet für die Startseite zu verlinken:
Beispiel:
<?php if( is_home() ) { ?>
<link rel="stylesheet" type="text/css" media="all" href="https://stackoverflow.com/questions/23363333/<?php%20echo%20get_stylesheet_directory_uri();%20?>/front-style.css" />
<?php } ?>
Der Code muss nach dem Link zum allgemeinen Stylesheet stehen.
(anstatt is_home()
müssen Sie möglicherweise verwenden is_front_page()
)
Überprüfen: Bedingte_Tags und get_stylesheet_directory_uri
— alternativ, um ein anderes Stylesheet anstelle des allgemeinen Stylesheets zu laden, verwenden Sie die bedingte Anweisung mit an else
: (dieser Code würde den Link des allgemeinen Stylesheets ersetzen)
Beispiel:
<?php if( is_home() ) { ?>
<link rel="stylesheet" type="text/css" media="all" href="https://stackoverflow.com/questions/23363333/<?php%20echo%20get_stylesheet_directory_uri();%20?>/front-style.css" />
<?php } else { ?>
<link rel="stylesheet" type="text/css" media="all" href="<?php%20bloginfo(%20'stylesheet_url'%20);%20?>" />
<?php } ?>
10030300cookie-checkWie ändere ich das CSS von nur einer Seite in WordPress?yes