{gelöst} Marinelli-CSS: Slogan = black + Titel = white?
Eingetragen von bene1326 (16)am 07.08.2011 - 14:49 Uhr in
Hallo zusammen,
nachdem ich mir nun das Marinelli-Theme weitesgehend meinen Wünschen entsprechend eingerichtet habe,
( www.hickengrund1326.de )
würde ich gerne im Header den Titel weiß und den Slogan schwarz erstrahlen lassen.
Firebug verweist allerdings nur auf eine Möglichkeit entweder alles black or white.
Und da ich nicht der aller größte css kenner bin wollte ich euch um Hilfe bitten:
Der entsprechende HTML-Bereich:
<div id="top" class="outsidecontent">
<div id="branding">
<div id="logo-container">
</div>
<div id="title-slogan">
<h1 id="site-title">
</h1>
<h2 id="site-slogan">
<a class="active" title="Back to homepage" href="/">„ sue schwätze mer... “</a>
</h2>
</div>
</div>Und der dazugehörige css-file (links.css):
#site-title a:hover,
#site-slogan a:hover,
.block h2.title a{
text-decoration:none;
}
.outsidecontent a,
.outsidecontent li a.active,
#header-images a,
#navigation-secondary a{
color: white;
text-decoration:none;
}Ändert man im letzteren Abschnitt color auf black so wird ALLES schwarz.
Wie schaffe ich es, dass nur site-slogan schwarz wird?
- Hinzufügen von color:black; in Abschnitt 1 hat nicht funktioniert
- Hinzufügen von
#site-slogan .outsidecontent a,
.outsidecontent li a.active,
#header-images a,
#navigation-secondary a{
color: black;
text-decoration:none;
hat auch nicht funktioniert
}
Viele Grüße Ben
www.hickengrund1326.de
- Anmelden oder Registrieren um Kommentare zu schreiben
Indem Du eine CSS Anweisung
am 07.08.2011 - 15:49 Uhr
Indem Du eine CSS Anweisung schreibst, die sich auf h2 mit der ID (=eindeutig) site-slogan bezieht.
h2#site-slogan { color: black; }Beste Grüße
Werner
not working
am 07.08.2011 - 18:09 Uhr
Hi Werner,
Danke für deine schnelle Antwort.
h2 mit der ID site-slogan bzw.
h2#site-slogan { color: black; }hört sich logisch an,aber funktioniert nicht.
Da ich kein css-Spezi bin, habe ich all mögliche Formen von
h2#site-slogan { color: black; }aber es kam zu keinerlei Änderungen (hab auch den Cache geleert).Hast du vielleicht noch einen Tipp?
Mit dem Firebug hättest Du
am 07.08.2011 - 18:39 Uhr
Mit dem Firebug hättest Du das auch sofort sehen können. Du mußt noch spezifischer werden und das A-Tag noch mit einbeziehen, da das auf weiß gesetzt wird. Also:
h2#site-slogan a { color: black; }Beste Grüße
Werner
aaah
am 07.08.2011 - 22:52 Uhr
hattest Recht
- nu is es endlich schön schwarz.
Dankeschön Werner!
Da war ich etwas zu
am 08.08.2011 - 17:34 Uhr
Da war ich etwas zu vorschnell:
Auf der Startseite ist der Slogan nun dank
h2#site-slogan a { color: black; }schön schwarz.
Klickt man nun aber auch Gäste im Menu-->
ist der Slogan dort wieder weiß mit den selben css angaben wie vorher.
Wie kann das denn sein/wir haben es doch black definiert ?
Hast Du evtl Boost oder ein
am 08.08.2011 - 17:59 Uhr
Hast Du evtl Boost oder ein entsprechendes Caching Modul installiert? Gäste bekommen immer die gecächten Seiten gezeigt. Du mußt also auch da den Cache neu aufbauen lassen, damit die Änderungen greifen.
Beste Grüße
Werner
Also hab den Firefox-Cache
am 09.08.2011 - 00:13 Uhr
Also hab den Firefox-Cache und den Drupal-Cache mehrfach gelöscht. Andere Cache-Module hab ich soweit nicht installiert.
Viele Grüße
Bene
Du solltest Dich wirklich mit
am 09.08.2011 - 08:40 Uhr
Du solltest Dich wirklich mit dem Firefox und dem Plugin Firebug befassen. Dann hättest du diese Struktur im Code auch gesehen:
<div id="branding"><div id="logo-container">
<div id="title-slogan">
<p id="site-title">
<p id="site-slogan">
<a title="Back to homepage" href="/">„ sue schwätze mer... “</a>
</p>
</div>
</div>
</div>
Im Gegensatz zur Frontpage ist hier die ID "site-slogan" in einem p-Tag und nicht bei einem h2-Tag. Also muß noch eine zweite Anweisung dazu
p#site-slogan a,h2#site-slogan a {
color: black;
}
Es tut mir leid, aber CSS-Kenntnisse sind nun mal die Grundlage für jegliche Änderungen am Aussehen einer Webseite. Das muß auch für Dich normales Handwerkszeug werden, sonnst kommst Du nicht weit.
Beste Grüße
Werner
wla schrieb Du solltest Dich
am 09.08.2011 - 09:58 Uhr
Du solltest Dich wirklich mit dem Firefox und dem Plugin Firebug befassen. Es tut mir leid, aber CSS-Kenntnisse sind nun mal die Grundlage für jegliche Änderungen am Aussehen einer Webseite. Das muß auch für Dich normales Handwerkszeug werden, sonnst kommst Du nicht weit
Wo er Recht hat, der Werner, da hat er Recht! Das sind wirklich unabdingbare Basics.
Ich habe übrigens mal zwei Tutorials dazu gemacht. Vielleicht hilft es Dir, wenn Du die mal ansiehst:
http://www.thoor.de/drupal/video-tutorial/css-easy-way-mit-firefox-firebug
http://www.thoor.de/drupal/css-kniffe/css-design-einfach-mit-firefox-und...
Schuldig
am 12.08.2011 - 10:40 Uhr
Schuldig im Sinne der Anklage.
Ich seh´s ja ein: beim nächsten Problem werd ich erstmal firebug + meine grauen, grauen zellen bemühen.
Werner Danke für des (Rätsels)-Lösung.
Thoor Danke für die Tutorials: wiedereinmal sehr informativ + verständlich
PS: In diesem Kontext ist auch die Firefox Web developer 1.1.9 toolbar ein weiteres nützliches Tool bzw. Addon
Viele Grüße
Bene