Archived topic
How Do I Make My Hyperlinks Look Like This?
14 replies · Started by RJ on August 9, 2018
Hi there,
Just wondering how I make my hyperlinks simply have a coloured underscore like this example, see https://www.screencast.com/t/vovgoUiuyj4R
Thanks in advance,
Robin
a:link(
text-decoration:none:
border-bottom: 1px color:#000080;
)
Thanks Visual, unfortunately that code doesn't seem to work :-(
Any ideas what I might be doing wrong?
Sorry forgot solid
Try this
a:link(
text-decoration:none:
border-bottom: 1px solid color:#000080;
)
I tried tweaking the code. It needed curly brackets. Some bits work, but...
I only want the links underlined in my body content, but the code underlines all links including the navigation ones, which I don't want. And I can't get the underline to be a different colour.
Try
body:not(.blog):not(.archive):not(.search) .inside-article a {
border-bottom: 1px solid #000;
}
If this doesn't work can you link me to the site in question?
Leo - that worked, thanks so much.
However is there a way to not underline links on my archive/category pages?
TIA
Robin
Edited the code above.
Let me know :)
Wonderful. That worked. You're a star. Thanks again.
Robin
One last thing Leo... my search results show the title underlined. Is it possible to remove that like you did for my archive/category pages?
Cheers.
Edited the CSS above.
Thanks again Leo. All good now. Cheers.
No problem :)
Hi there,
I'm using the code above for my hyperlinks, however in the single post page also post metas are underlined. How can I exclude them?
I tried .entry-meta a { border-bottom:none } but nothing happens.
Hi there,
can you raise a new topic where you can provide your Site URL in the field provided.
Please add a URL to this topic.