How to not show url and links underlines ?
mhf - April 23, 2008 - 21:39
| Project: | SEO Position |
| Version: | 5.x-1.x-dev |
| Component: | User interface |
| Category: | support request |
| Priority: | minor |
| Assigned: | Unassigned |
| Status: | closed |
Jump to:
Description
Could someone tell me how to get rid of the underlining of urls and links in SEOPosition 5x ?
thanks.
#1
Not sure about SEOPosition module, but undrlines for links in HTML document is default behaviour of browser, which is can be changed with CSS property text-decoration. For example, following CSS code :
<style type="text/css">.some_link_class {
text-decoration:none;
}
.some_link_class:hover {
text-decoration:underline;
}
</style>
will tell browser to remove underlines from all links with class "some_link_class" and show them only when mouse cursor is over the link.
To determine the right class name of <A> element, class or ID of parent elements you can use the "View formatted source" plugin for FireFox, it really helps with development and debuging of the CSS code.
Hope that info will help you.
#2
Thanks a lot mitoyok, I'll give it a try.
#3
I don't know *who* you was telling your thanks :) but any way, you are welcome.
#4
Sorry typo - I meant mityok.
However - SEOPosition is a theme, and this underlining thing is not browser-dependent as if I use another theme then the url's are NOT underlined. SO I was asking how to change this in the SEOPosition theme - sorry I wasn't very clear (this often happens).
#5
OK in case this helps anyone else : in style.css look for, for example, "hover" and you'll be in the section about links. Here is the original part of the style.css for SEOPosition :
a, a:visited { border-bottom: 1px dotted #006286; color: #006286; text-decoration: none; }a:active, a:hover { border-bottom:1px solid #414141; color:#994D00; text-decoration:none; }
p { margin-bottom: 1em; }
and here is the amended part which takes out the underlining on urls :
a, a:visited { border-bottom: none; color: #006286; text-decoration: none; }a:active, a:hover { border-bottom: none; color:#994D00; text-decoration:none; }
p { margin-bottom: 1em; }
#6
Automatically closed -- issue fixed for two weeks with no activity.