Color and title ? - DokuWiki User Forum

Mailgifson

2008-08-09, 02:18 #1

Member since Dec 2007 · 12 posts
Group memberships: Members

Show profile ·

Link to this post

Subject: Color and title ?

Good morning,

I would like to change the color of a title.

I changed the file "design.css", but the color does not change :

div.dokuwiki h1 (font-size: 180%; margin-left: 00px; font-weight: bold; color: blue;)

Someone know it the cause?
An idea to change the color of the text?

Thank you in advance.

This post was edited 2 times, last on 2008-08-09, 11:37 by chi.

chi (Moderator) 2008-08-09, 11:38 #2

Member since Jun 2006 · 1643 posts · Location: Munich Germany
Group memberships: Global Moderators, Members, Super Mods, Wiki Managers

Show profile ·

Link to this post

Hi,

try:

div.dokuwiki h1 a {
color: <color> !important;
}

Please add [SOLVED] to the initial thread subject if you feel your question has been answered.
If my answer doesn't make sense maybe your question didn't either - just visit http://facepalm.org.

Mailgifson

2008-08-09, 19:08 #3

Member since Dec 2007 · 12 posts
Group memberships: Members

Show profile ·

Link to this post

Thanks, it works with le "a" devant le h1.

I do not understand why there is an explanation?

snorri 2009-02-23, 14:26 #4

Member since Feb 2009 · 6 posts
Group memberships: Members

Show profile ·

Link to this post

I assume you mean the !important - its a bit of css.

http://www.yellowjug.com/web-design/the-importance-of-impo…

g1smd 2009-04-27, 00:30 #5

Member since Jan 2009 · 131 posts · Location: UK
Group memberships: Members

Show profile ·

Link to this post

He asks:

"Why do I need

h1 a { ... }

and not just

h1 { ... }

here?"

ryan.chappelle 2009-09-28, 01:44 #6

User title: Chilean DW Fan
Member since May 2008 · 97 posts · Location: Temuco, Chile
Group memberships: Members, Newsletter Team

Show profile ·

Link to this post

Because the actual headers text lie inside an <a> element for the anchor. Since any CSS for the anchors (h1 a { or more specifically: h1 > a {) has more specificity than simply pointing to the h* element (h1 {), you need to use either the anchors or !important (not recommended, since it will override the user's styles as well) to stylize them.

If you want to override layout or boxing (for borders, etc), you can style the h1 element alone, but for the actual text and its effects you *need* to target the anchor element.

Check here for more info: [1]

[1]http://www.dokuwiki.org/tips:styling-headers

☆ Chilean DW Fan!
→ check my plugins for DokuWiki
→ GULIX -- Araucania LUG
→ Surviving earthquakes since Feb 2010!