Changing colour of headblock [Solved]

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
henri152

Changing colour of headblock [Solved]

Post by henri152 »

Hello all,

I have a question which is probably one of a noob questions, however, untill now i couldn't figure it out.

At every page, at the heading you'll find next to the title of the page a small block of about 1x1 cm, linked to the underline of the title. How can i change the colour of this?

Thanks in advance! :)

Greetings,
Henri
Last edited by henri152 on Sat Mar 17, 2007 3:02 pm, edited 1 time in total.
User avatar
chead
Forum Members
Forum Members
Posts: 63
Joined: Tue Feb 06, 2007 4:01 am

Re: Changing colour of headblock

Post by chead »

In your stylesheet, look for #content h2, and change the border-bottom and border-left to what you'd like.  ;D


div#content h2 {
color: #294B5F;
font-size: 1.5em;
text-align: left;
/* some air around the text */
padding-left: 0.5em;
padding-bottom: 1px;
/* set borders around header */
border-bottom: 1px solid #e7ab0b; <--change these
border-left: 1.1em solid #e7ab0b; <----/
        line-height: 1.5em;
/* and some air under the border */
        margin: 0 0 0.5em 0;
}
henri152

Re: Changing colour of headblock

Post by henri152 »

chead wrote: In your stylesheet, look for #content h2, and change the border-bottom and border-left to what you'd like.  ;D


div#content h2 {
color: #294B5F;
font-size: 1.5em;
text-align: left;
/* some air around the text */
padding-left: 0.5em;
padding-bottom: 1px;
/* set borders around header */
border-bottom: 1px solid #e7ab0b; <--change these
border-left: 1.1em solid #e7ab0b; <----/
        line-height: 1.5em;
/* and some air under the border */
        margin: 0 0 0.5em 0;
}
Thank you, it worked :).
Locked

Return to “Layout and Design (CSS & HTML)”