Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Pages: 1
#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
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> </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
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> </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
Pages: 1