Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2006-11-04 17:37:07

scdoody
Member
Registered: 2006-10-18
Posts: 129

Styling links in Textile

It seems like my links within my articles are not taking on my assigned CSS styles.

Does anyone have any information on how to style links such as these (within the article body): My Link Title

Thanks!!!!

Offline

#2 2006-11-04 18:36:58

jm
Plugin Author
From: Missoula, MT
Registered: 2005-11-27
Posts: 1,746
Website

Re: Styling links in Textile

Are you sure your selectors are sorted right? LoVHAte (:link,:visited,:hover,:active). Or if you’re using descendant selectors, make sure they’re spelling is correct (and the actual element exists) – #content a:link {}.

a:link {
	color: #693;
	text-decoration: underline;
}
a:visited {
	color: #444;
}
a:hover {
	background-color: #693;
	color: #fff;
}
a:active {
	background: #000;
}

Offline

#3 2006-11-04 19:04:52

scdoody
Member
Registered: 2006-10-18
Posts: 129

Re: Styling links in Textile

Thanks – I was able to resolve the issue. But I have another issue. Here is my form:

<p><span class=“feature”><txp:title /></style>
<txp:body /></p>
<p>&nbsp;</p>

The goal is to display the article title and then directly below, on the next line, display the article body. However, it is leaving a big space like this:

Article Title

Article body text goes in this space.

Does anyone know how to get that extra line to go away? FYI – my class “feature” just defines the color of the title and that is it.

Offline

#4 2006-11-04 20:13:58

jm
Plugin Author
From: Missoula, MT
Registered: 2005-11-27
Posts: 1,746
Website

Re: Styling links in Textile

Are you using the default, fresh-install template? Maybe the following will work, but I have no idea what the site looks like.

Form:

<h2><txp:title /></h2>
<txp:body />

CSS:

h2 {
	margin-bottom: 10px;
	padding: 0;
	color: #whatever;
}

Last edited by jm (2006-11-04 20:14:37)

Offline

#5 2006-11-04 21:40:19

scdoody
Member
Registered: 2006-10-18
Posts: 129

Re: Styling links in Textile

I’ve changed the form to be this:

<p><txp:title /><br />
<txp:body /></p>
<p>&nbsp;</p>

However, there is still a full line space between the title and the body. It seems like there is something in the txp body tag that causes there to be an extra space above the body. Does anyone know where the styles for the txp:body are controlled?

Offline

#6 2006-11-04 22:06:10

scdoody
Member
Registered: 2006-10-18
Posts: 129

Re: Styling links in Textile

I’m running into the problem again with another txp tag.

I want to have the word Search and the directly below, display a search box – here’s my code:

<p>Search <txp:search_input label=”“ /> </p>

I am NOT using the label in the txp because I want to add a style to the Search title. Does anyone know how to get rid of the space between Search and the search box??

Thanks

Offline

#7 2006-11-05 01:27:27

Mary
Sock Enthusiast
Registered: 2004-06-27
Posts: 6,236

Re: Styling links in Textile

It is because <txp:body /> has already been marked up within paragraphs (and lists, etc), as it should be. Follow Jon-Michael’s suggestion.

The search tag problem is because you’re now placing the search label outside the form, and forms are block elements (like paragraphs and headings). You’ll need to either use CSS to make the form display inline, or, use the label attribute of the tag and use CSS to style it using selectors instead of a class.

Offline

Board footer

Powered by FluxBB