Take the 2-minute tour ×
Salesforce Stack Exchange is a question and answer site for Salesforce administrators, implementation experts, developers and anybody in-between. It's 100% free, no registration required.

I do a table on my page with site.com.
My table has 2 columns. I want can click on my data (so i want my data in columns will be a link). I do it. But now i want to customize my link. i can't do it.
I know a:link a:hover a:visited.... but when I use it, nothing change in my screen.

My table is doing with "custom code" and data repeater for have acces to my object.

My code where i change the color of the link. But i want change a:hover too...
<>a href="#" style="color:black;" <{!Cluster__r.Name} >/a<


Thanks for your answers.

share|improve this question
    
I think it is different. :) I think that this question is just asking how to specify styling for the link's anchor tag pseudo classes (a:link, a:hover, a:visited, etc.), whereas the other was how to refresh a table on a page. –  Peter Knolle Jan 3 '13 at 1:56
add comment

1 Answer

In my instructions I use a CSS class called fancy-link, but you can use whatever class name you want.

  1. Set the class property of the data element under the Style tab.
    Set the CSS class name

  2. It will tell you that the Style doesn't exist in any style sheet and Would you like to create it. You don't have to do that, since you'll be using the pseudo classes.

  3. Go out of the page and back to the site overview and bring up the SiteStyleSheet (or your appropriate style sheet).

  4. On the Action menu for the SiteStyleSheet (in the navigation/tree panel) select Create a New Style Sheet Item. Create the New Style Sheet Item

  5. Type .fancy-link a:hover. This will create a style sheet item that you can edit.
    CSS Edit

  6. Repeat step's 4 and 5 with the other anchor pseudo classes (a:link, a:visted, etc.).

Some other points:

  • If you need to you can use a different CSS selector other than class. For example, you could specify the ID and then use that in the style sheet item.
  • You can also just manually edit the CSS instead of using the GUI to create the style sheet items, by clicking the Edit Style Sheet Code button on the Style Sheet's page.
share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.