.content a:link, .content a:active, .content a:visited, .post-content a:link, .post-content a:active, .post-content a:visited, .comment-content a:link, .comment-content a:active, .comment-content a:visited, #blurb a:link, #blurb a:active, #blurb a:visited, .recent p a:link, .recent p a:active, .recent p a:visited {
border-bottom: 0 none;
}

I tried pasting this code but it won't remove the link underline.

a:link,a:visited,a:active {
color: #6666cc;
text-decoration: none;

Any ideas on what I'm doing wrong?

Thank you.

.post-content p a:hover,
.post-content li a:hover,
.post-content table a:hover,
.post-data a:hover,
.comments-link a:hover {
	border: none;
	text-decoration: none;
}

This method removes the underline from a single link.

Example

Note that inline style is not advised. It makes code less maintainable and uses extra bandwidth.

.post-content p a:hover,.post-content li a:hover,.post-content table a:hover {<br /> background-color: #00f1c6<br /> }

In that same selector, if you add this line:

border-bottom: 0px;

then the black underline will disappear on mouseover.

sorry to bother you,
my blog is with some kind of conflict somewhere.
it shouldn't have those black underlines on links in mouseover mode.

can u help me fixing this?
(i just want to keep the green bar, not the black underline)

many thanks in advance.

Hopefully this one button can be added to this minimalistic (<3) menu! Thanks for an otherwise, perfect service.

If you are expecting to be able to click a button and change fonts throughout your blog then it’s not that easily done.

These are 3 ways to change fonts on wordpress.com blogs.

(1) Changing font families, colors and size in text in posts or pages either post by post or page by page by coding into the HTML editor. http://en.support.wordpress.com/editors/font-size-color/

(2) Changing font colors in text in posts or pages either post by post or page by page using the #4 icon (Select text color – change the text color) in Row 2 the Visual editor. http://en.support.wordpress.com/visual-editor/#row-2

(3) Changing all font families, colors and sizes throughout the whole blog by purchasing an annually renewable Custom Design upgrade and using Typekit Fonts with Staff support. http://en.support.wordpress.com/custom-design/

Note: A few themes do provide for changing font color in the Blog Title and/or optional Tagline and/or links. In the majority of themes font changes to font families, colors and size in the blog title, tagline, menu, post titles, page titles, categories and tags, widget headings, comments, and links cannot be done without CSS editing.

I definitely don't have the CSS package. Is there a different theme I can switch to that makes links embedded inside a paragraph more prominent? I can't believe that I can't make links appear in different colors or accents without a $30 upgrade.

Thanks! :-)

Secondly, to change the default behaviour of links, you'll probably need the CSS customisation upgrade. Do you have that?

In that stylesheet, there is a Links section where I found this CSS:

.post-entry a {
	color: #990000;
	text-decoration: underline;
}

You can add the following to your Appearance → Custom Design → CSS to turn off underlining and make links bold inside posts:

.post-entry a {
	font-weight: bold;
	text-decoration: none;
}

So I found the CSS menu and added this code to the stylesheet:

a:focus,a:active,a:hover {
color:#1873a1;
text-decoration:none;}

I checked the page (not a post) once and the lines were gone. I went back to doublecheck five minutes later and the lines had reappeared. What am I doing wrong?

With regard to Century Gothic, it's a pretty common font, so you could probably just use it in a font stack if you'd like, for example:

font-family: "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;

To learn more about font stacks, see http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/

Happy Friday. :)

your fix did work after all

i'm going mad

it's friday

bye!

i think therefore it is the line underneath the menu and NOT the top of the header.

#header-image {border-top:none;}

thanks again for the fix!!

The line below the menu on http://blog.kothea.com/ is from the header area. You can remove it with this CSS:

#header-image {
  border-top: none;
}

I couldn't get the right fonts I wanted so decided to replace the header with a jpeg.

Unfortunately the menu has moved above the header (I can live with that) but underenath the menu (or less proabbly above the header) there is a black line.

how can I either remove the line or at least make it 98% opaque/white

am using elsewhere: #wrapper { background: rgba(255, 255, 255, 0.98) }

Like timethief answered, the only way to remove the underline from links in the sidebar in NotesIL theme is Custom Design Upgrade. Once you upgrade your blog, you can copy and paste the following snippets to the CSS tab. (Appearance → Custom Design)

div.sidebar ul li a {<br /> text-decoration: none;<br /> }

I hope it helps.

Then every time you sign into the forum we can all click on your username and your blog will be linked to it. And every time you leave a comment on a blog your username can be likewise clicked and your blog can be instantly located.