smalltext hover and visited color Options

[matthufham]

i have a code for changing the small text even though i'm using a custom skin i edited it from the existing one in the code section. my problem is my blogs are blue with white text so i use a white link but my profile is white with blue text. i want to make the profile links blue and the small text white but i need a hover and visited link color for small text.

simple enough, i just don't know how

CODE

div.smalltext{font-family: Terminal;
 font-weight: normal;
 font-size: 11px;
 line-height: 13px;
 color: #ffffff;
 letter-spacing: 2px;
 text-align: justify;
 text-transform: uppercase;}

see it says color = white, well that's great but now i need the hover and visited links in small text to be white aswell, without changing all the links on the page white.

[lovescream]

Add this to your stylesheet. You know what that is.. right?

CODE

a:hover
{
color: #FFFFFF;
font-family: Terminal;
}
a: visted
{
color: #FFFFFF;
font-family: terminal;
}

[matthufham]

i use that for my other links so i can't use it again, i need it just for the smalltext

[lovescream]

When you hover over smalltext.. it has everything to do with hover. Meaning you can't edit the code so that only the smalltext has a certain hover colour and text size.

Is that what you're saying.

and I think you really can't. But try this:

CODE

div.smalltext{font-family: Terminal;
font-weight: normal;
font-size: 11px;
line-height: 13px;
color: #ffffff;
letter-spacing: 2px;
text-align: justify;
text-transform: uppercase;
hover-color: #ffffff;
hover-font-size: 8pt;}

I can't promise it works, though.

[matthufham]

no that doesn't work i understand what you're saying too. i just thought there was a way

[177emories]

this is for the small fonts... add it to your style sheet and chnage the colours.

<!-- begin code provided by createblog.com --><br />A:link{<br />text-transform: none;<br />font-family:"SMALL FONTS";<br />text-decoration:NONE;<br />font-weight:normal;<br />font-size:7pt;<br />color: #008BE8;<br />filter: none;<br />height: 0;<br />letter-spacing: 0px;<br />}<br /><br />A:visited{<br />text-transform: none;<br />font-family:"SMALL FONTS";<br />text-decoration:none;<br />font-weight:normal;<br />font-size:7pt;<br />filter: none;<br />height: 0;<br />color:#008BE8;<br />letter-spacing: 0px;<br />}<br /><br />a:active{<br />text-transform: none;<br />font-family:"SMALL FONTS";<br />text-decoration:UPPERCASE;<br />font-weight:normal;<br />font-size:7pt;<br />color: #008BE8;}<br /><br />A:hover{<br />font-family:"SMALL FONTS";<br />text-decoration: none;<br />font-weight:normal;<br />font-size:7pt;<br />background-color: none;<br />color:#1A4460;<br />filter: none;<br />height: 0;<br />font-weight: normal;<br />letter-spacing: 0px;<br />text-decoration: none;<br />}<br /><!-- end code provided by createblog.com -->

[matthufham]

it still inteferred with the other link color, i need the smalltext links a different color from the other links.

[lovescream]

Wait, can't you just edit this in the look and feel?
And is the link in your sig your xanga?
[If you're thinking DUH, HOW STUPID, i was just wondering because people have test sites]

[matthufham]

no after all this didn't work i made all my links the same color, i just wanted the code so i could change it. infact let me show you my skin's coding

CODE

... and here we are at the links:

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
 font-family: Terminal;
 font-weight:normal;
 font-size: 11px;
 line-height: 11px;
 color: #B0C4DE;
 text-decoration: none;
 text-transform: uppercase;
 }

a:hover {
/* edits when mouseover the links */
 font-family: Terminal;
 font-weight:normal;
 font-size: 11px;
 line-height: 11px;
BORDER-BOTTOM: #B0C4DE 1px solid;
 text-transform: uppercase}

a:visited, a.footernav:visited {
/* edits the links that the user had visited */
 font-family: Terminal;
 font-weight:normal;
 color: #B0C4DE;
 font-size: 11px;
 line-height: 11px;
 text-decoration: none;
 }

so as you can see i went back to making all the links the same color, but i want a code that makes the small text 1 color as a hover, regular, and the visited color.

-still looking for a code guys