Document Actions
Headline and paragraph styles
Adding styles for headlines and paragraphs.
In this tutorial, Alexander Limi will show you how to take a default Plone site and put a totally different look on it. (Not updated for Plone 3.0)
Page
10
of
15.
We have to get some more of the basics in there — the headlines and paragraphs should be styled to match the mock-up, and some browsers need image border removal. Add the following to your CSS:
/* Headlines & other basics */
h1 {
font-weight: normal;
border-left: 4px solid #ec001a;
padding: 0 5px;
}
p {
padding-left: 9px;
line-height: 1.5em;
}
a {
color: #463229;
}
p a:link {
color: #463229;
text-decoration: none;
border-bottom: 1px solid #463229;
}
img {
border: none;
}
input {
border: 1px solid #463229;
}
The main thing worth paying attention to here is that we style the a:link element instead of just plain a. This is to make sure that HTML anchors (they also use the a tag) don't get link styling — they are the receiving end of a link, not a link themselves. Save, reload your page, and you should see the following:
by
Alexander Limi
—
last modified
April 5, 2006 - 07:23
Contributors:
David Convent, Reinout Van Rees
All content is copyright Plone Foundation and the individual contributors.
