dotted <a href> link

Hi,

Is it possible to have dotted underline like this instead of the normal [a:hover] links?



For example: http://funkiej.nl/blog/item/332-responsive-design

I want a dotted underlink at [a:hover] by the 'written by: Michael'

Do you want that change only on selected elements or on all links in the template?

On all links ( except the ones which I gave a 'roll-link' class )

Sorry for late response:
Please edit: /templates/gk_John/css/override.css and add at its end:

Code: Select all

a:hover {
color: #ff0000
border-bottom: 1px dotted #ff0000;
}


this will work for all links in hover state.

Remember to enable "CSS override" in template settings - advanced section.

np for the late response, but it isn't working

Sorry, my mistake:

Code: Select all

a:hover {
color: #ff0000;
border-bottom: 1px dotted #ff0000;
}


Ah, tnx

I gave it a second thought, and I only want it to my footer menu. So this is working now (at any color style), but now I want some extra spacers between my footer menu and copyright text. It's to close to each other when the dotted border pop up when you hover the link.

Please edit: /templates/gk_john/css/override.css and add at its end:

Code: Select all

#gkCopyrights {margin-top: 8px;}


Remember to enable "CSS override" in template settings - advanced section.

tnx a lot! Exactly what I wanted

This topic can be closed now.

Ok, closing the topic .