Header einer speziellen Seite themen.
Eingetragen von fraweg (230)am 22.05.2012 - 14:50 Uhr in
Hallo,
ich habe mal eine Frage bezüglich CSS. ich möchte die Überschrift einer speziellen seite in Drupal ändern, hab aber keine Ahnung wie das geht. Um sie generell in zu ändern habe ich einiges im Netz gefunden. Kann mir bitte jemand weiter helfen?
Also in firebug sieht der entsprechende Bereich so aus:
<div id="content">
<div id="breadcrumb">
<h2 class="element-invisible">You are here</h2>
<div class="breadcrumb">
<a href="/wcity/">Home</a>
</div>
</div>
<h1 id="page-title" class="title"> admin </h1>Denach sollte für alle Seiten (so wie ich es verstanden habe) die CSS Zeile so aussehen:
h1 #page-title #title{
....
}Aber wie sage ich ihm, dass er es nur bei der Überschrift "admin" machen soll?
Beste Grüße
Frank
- Anmelden oder Registrieren um Kommentare zu schreiben
Das Ansprechen des Headers
am 22.05.2012 - 15:06 Uhr
Das Ansprechen des Headers ist falsch. Es muß
h1#page-title.titleheißen. wenn Du sowohl ID als auch Klasse nutzen willst. Um die Seite genauer einzugrenzen, solltest Du Dir mal die Body-Tags ansehen. Da steht sogar die Node-ID drin. Damit ist es möglich das auf genau eine Seite festzulegen.Beste Grüße
Werner
Hallo Werner, danke für deine
am 22.05.2012 - 15:43 Uhr
Hallo Werner,
danke für deine schnelle Antwort!
Ich habe nun mal folgendes probiert.
h1#page-title.title {padding: 100px;
}
Danach war dann jeder Header um 100 pixel verschoben hat also super geklappt!
Nur das mit dem Body-Tag ist mir noch nicht ganz klar. Ich habe mal einen größeren Auschnitt beigefügt. Wo finde ich da die Body ID welche ausschließlich für die Seite mit der Überschrift "Admin" gilt?
<body class="not-front with-slideshow with-sidebar panels-ipe admin-menu"><div id="admin-menu" class="admin-menu-site-paule2 admin-menu-processed admin-menu-position-fixed" style="position: fixed;">
<div id="admin-menu-wrapper">
</div>
<div id="skip-link">
<div id="overlay-disable-message" class="clearfix">
<div id="header">
<div id="page-wrapper">
<div id="page">
<div id="slideshow">
<div id="main">
<a id="main-content"></a>
<div id="content">
<div id="breadcrumb">
<h1 id="page-title" class="title"> admin </h1>
<div class="tabs">
<h2 class="element-invisible">Primary tabs</h2>
<ul class="tabs primary">
</div>
<div class="region region-content">
<div id="block-system-main" class="block block-system first odd">
</div>
</div>
<div id="sidebar">
</div>
</div>
</div>
<div id="footer">
<div style="clear:both;">
<div id="panels-ipe-control-container" class="clearfix" style="display: block;">
<div id="user_relationships_popup_form" class="user_relationships_ui_popup_form"></div>
<div id="cboxOverlay" style="display: none;"></div>
<div id="colorbox" class="" style="display: none; padding-bottom: 38px; padding-right: 0px;">
<div>
</body>
Danke für deine Hilfe!
Frank
Wenn Du mit Panels und nicht
am 22.05.2012 - 19:55 Uhr
Wenn Du mit Panels und nicht mit normalen Node-Seiten arbeitest, solltest Du dort je nach Bedingung noch eine Klasse einfügen. "Normale" Node-Seiten haben jedenfalls die NodeID als Klasse im Body.
Beste Grüße
Werner
Zitat: Wenn Du mit Panels und
am 22.05.2012 - 23:57 Uhr
Wenn Du mit Panels und nicht mit normalen Node-Seiten arbeitest, solltest Du dort je nach Bedingung noch eine Klasse einfügen.
Mache ich das irgendwo im panels gui oder wie wird sowas angestellt. Ich kann ja in Panles eine ID für CSS angeben. Diese hat aber leider keinen Einfluss auf die überschrift der Seite.
Beste Grüße
Frank