Textpattern CMS

#1 2006-06-20 01:30:29

richoid

Member

Registered: 2006-04-25

Posts: 11

CSS styling in "form"

I’ve modified my default form for “Article” like this:

<code>
<div class=“headline”><txp:permlink><txp:title /></txp:permlink></div>
<h4>· <txp:posted /> by <txp:author /></h4>
<txp:body />
<txp:comments_invite wraptag=“p” />
<div align=“center”><img src=”<txp:site_url />images/1.gif” style=“height:1px;width:400px” class=“divider” alt=”“ /></div>
<code>

My CSS for “headline” is this:

.headline
{ color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 24px; line-height: 28px; font-weight: bold; padding-top: 18px
}

.headline a
{ color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 24px; line-height: 28px; font-weight: bold;
}

.headline a:hover
{ color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 24px; line-height: 28px; font-weight: bold;
}

.headline a:visited
{ color: #999999; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 24px; line-height: 28px; font-weight: bold; padding-left: 0px;
}

Note the size. The font appears to respond to other changes (padding, alignment, etc.) but not to the size (it still appears to be 12px) on the site. The site is here: http://www.marcomwriters.com

#2 2006-06-20 08:47:26

ricetxp

Member

From: London, UK

Registered: 2005-05-24

Posts: 89

Website

Re: CSS styling in "form"

Try wrapping your headline in an h2 or h3. Then use .headline h2 or .headline h3 in your stylesheet. Include h2 or h3 in all the your .headline selectors.

#3 2006-06-21 02:26:01

NyteOwl

Member

From: Nova Scotia, Canada

Registered: 2005-09-24

Posts: 539

Re: CSS styling in "form"

You left out a styling for .headline a:link so it defaults to the last a:link it knows about. try adding:

.headline a:link
{
color: #999999;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
line-height: 28px;
font-weight: bold;
}

---

Obsolescence is just a lack of imagination. / 36-bits Forever! / #include <disclaimer.h>;