2.0 CSS Options

[illmatic11]

I can't find out how to control the text in my Headline and the Links above all my Top friends on 2.0, can anyone help me out? I want to be able to control the links and the hover on those, and to be more specific, I want to change the color, size, etc., not just what the text says, thanks

[Mickey]

To customize the links of your friends, put this code in your CSS section:

CODE

div.friendSpaceModule ol.moduleList a span {font:normal 8pt Arial; color:FF0000;}

As for the headline, there isn't one for the 2.0 profile so I don't know what you're talking about.

[illmatic11]

To customize the links of your friends, put this code in your CSS section:

CODE

div.friendSpaceModule ol.moduleList a span {font:normal 8pt Arial; color:FF0000;}

As for the headline, there isn't one for the 2.0 profile so I don't know what you're talking about.

Cool, but yeah there is a headline u go to customize and edit the top module and there's an option whether u want it to show your mood or headline.. and u can change you headline in the basic info section.

And also how would I edit the mouseover on the friends links?

Reason for edit: posts merged. please don't double post. thanks :) -nat

[itsmattadams]

CODE

{!- Styles the status text -!}
span.status {}

{!- Styles the headline text -!}
blockquote p {}

{!- Styles the friendSpaceModule links -!}
div.friendSpaceModule a {}
div.friendSpaceModule a:active {}
div.friendSpaceModule a:visited {}
div.friendSpaceModule a:hover {}

[illmatic11]

Those didn't work but thanks... On my top friends when I hover over a pic of someone it underlines their name and I don't want that. The rest of my mouse overs on the page are right, except for the links above my friends pictures in the FriendSpace and Comments

[Mickey]

For the mouseover style, add this to the code I gave you:

CODE

div a:hover, div.friendSpaceModule ol.moduleList a span:hover {text-decoration:none;}

See if that does it. For the headline, I'll find out how you can edit that when I get home from college.

[itsmattadams]

Those didn't work but thanks... On my top friends when I hover over a pic of someone it underlines their name and I don't want that. The rest of my mouse overs on the page are right, except for the links above my friends pictures in the FriendSpace and Comments

You have to put your code between {}
Do you not have knowledge of CSS?

[illmatic11]

I'm tryin to get it so that the links above my friends pics (in my Friendspace and comments)have no underline when I go over them with the mouse. All my other link hovers on the page are fine, except for these. I think it may have to do with the new profile because I've never had this prob before.

[Mickey]

Try putting this in your CSS section:

CODE

div.friendSpaceModule ol.moduleList a span, div.friendSpaceModule ol.moduleList a span:hover, div.commentsModule div.moduleBody div.user a span, div.commentsModule div.moduleBody div.user a span:hover {text-decoration:none;}

[illmatic11]

Try putting this in your CSS section:

CODE

div.friendSpaceModule ol.moduleList a span, div.friendSpaceModule ol.moduleList a span:hover, div.commentsModule div.moduleBody div.user a span, div.commentsModule div.moduleBody div.user a span:hover {text-decoration:none;}

Works, thanks

[Mickey]

Alright, topic closed & moved.