I am using a template for my DNN application. There is one command in .CSS file that formats all the links of the site:
A:link, A:visited, A:active   { ....}

Now I have used the Links-module, but obviously this command doesn't affect the links used hier? How can I say to DNN to change the size of this links without affecting the other links used in the site? Is there any specific command hier for this module?

Thanks

ok,

this is the code I have just tested:

.Normal  #dnn_ctr396_Links_lstLinks a:link,.Normal  #dnn_ctr396_Links_lstLinks a:visited, .Normal  #dnn_ctr396_Links_lstLinks a:active
{
    text-decoration: underline;
    color: orange;
font-size: 20px;
}
.Normal  #dnn_ctr396_Links_lstLinks a:hover
{
    text-decoration: underline;
    color: green;
}

all links in DotNetNuke are styled with the normal class, so to specify directly for the links in the links module you also need to target directly the ID of the actual module you wish to style.

- so use the web developers toolbar, go to ' information / display ID and class details'
from here you can identify the ID of the links module on your DotNetNuke installation, change the code above to match your ID, ie you should only need to change

#dnn_ctr396_Links_lstLinks

to something like

#dnn_ctr450_Links_lstLinks


 to find out more information on the web developers toolbar make sure you view this tutorial:
Troubleshooting DotNetNuke Skins

hope this helps,

Many thanks Lee for the great solution.
Best regards

Hi Lee, all,

To be honest, the solutions seems more like a hack to me.

I have multiple instances of my site (e.g. dev, test, acceptance and production). There is no guarantee that the ID is the same on all sites and I would like to deploy just one skin on all of them. Furthermore, what will happen if the links module is updated and changes it's default ids...

So my real question is, is there really no nicer way to format the links in the link module?
(or any module for that matter)?

Thanks very much.

With kind regards,

Alex

Hello,

At the time that was the simplest solution I could find to get the styling to actually work on the links module. - Other solutions would be to use the text / HTML module and create an unordered list of links (this is the method I use) - which then can be styled easily by applying a class to the unordered list.

If you have to use a links module, it maybe worth searching Snowcovered to see if a different module allows you to style the links listed with CSS.

Let us know if you find a good solution, thanks,

Hi Lee,

Thanks for your reply! I have found a links replacement module called Glinks on Snowcovered.com. However, the documentation mentiones that it uses the 'normal class' to format the actual text. I have asked the developer (via Snowcoverd) if other classes can be used, but I have not recieved a reply yet.

Thanks,

Nrgflah

Lee will -- I hope -- do a better job of explaining this, but ... use the Web Developer Toolbar or something similar to identify the ID of the div that holds the module. Then you can override the "normal" class definitions in your skin.css for that ID only.

What about the links in banner module, i am using script with manual link exchange codes and my links needs to be reformated, please give an example for this too

Thanks.

Hi Joe,

Thanks for your answer. Lee already explained that in this same post

As the ID used for the actual link change per site, I am looking for a better method to format the links in the orignial/core links module. About the Glinks module:  not sure if it creates dynamic IDs and if the same issue applies (still no answer from the developer). The workaround for now is to use the text module and create an unformatted list, and apply formatting on that.
 
Thanks,
Alex

 

Hi Alex,

Keep us posted with your progress.

greenflash -  I'm not sure about reformatting links within the banners module, perhaps you could provide an example of what you need?

Hi Lee,
I applied same method that you told at first reply on this topic, and it was very useful.
If you are interested my banner links (actually they are simple link exchange codes) located at www.portalkur.com, i styled the links with your suggestion.

Thanks for great tutorials again.

hello,

glad it's of use, thanks,