Menghapus Underline

Menghapus Underline dan Mengganti Warna Links

Kalau kita membuka sebuah website, kadang2 kita melihat links yang berwarna biru yang dibawahnya ada garis memanjang.
Sebetulnya links berwarna biru dan bergaris dibawahnya (underline) itu merupakan default dari kode HTML untuk hyperlinks.
Ada yang suka memakai hyperlinks dengan gaya seperti itu untuk mengarahkan pembacanya kesuatu halaman lain atau ke situs lainnya.
Tapi ada banyak juga yang tidak menyukai links yang warnanya lain daripada warna text yang ada pada websitenya.
Lalu bagaimana caranya untuk mengubah warna links ini dan Menghapus Underline yang ada pada links tersebut?

Dibawah ini aku berikan caranya sbb:
(Aku ambil saja contohnya dari themes WordPress yang biasa aku pakai. Untuk themes lainnya mungkin agak berbeda letaknya, tapi pada dasarnya semua sama.)

1. 1.Buka wp-admin >> Appearance >> Editor.
Buka style.css.
(Sebagai backup copy paste dulu file css ke notepad. Supaya kalau ada error atau kesalahan ketik bisa dikembalikan lagi).

2. Cari code dibawah ini. Code yang nantinya akan diganti aku beri warna merah.

/* Start Content link style */

a
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
color: #300EDD;
}

/* Adds special style to an unvisited link. */
a:link
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
color: #300EDD;
}

/* Adds special style to a visited link. */
a:visited, a.visited
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
color: #393E37;
}

/* :hover – adds special style to an element when you mouse over it. */
a:hover, a.hover
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #300EDD;
}

/* Finish Content link style */

3. Misalkan warnanya akan diganti menjadi hitam (#000000)
Gantikan code diatas yang aku beri warna merah dengan code yang aku beri warna biru menurut catatan dibawah ini

underline diganti none
kode warna 300EDD diganti 000000
kode warna 393E37 diganti 000000

Setelah selesai klik Update File.

Demikian caranya mengubah warna links dan menghapus underline melalui file css.

*Lalu bagaimana caranya kalau kita hanya ingin mengubah warna link dan menghapus underline pada satu hyperlink saja?

Caranya begini:

Biasanya untuk membuat links codenya adalah:
<a href=”http://situs-lain.com/”>Situs Lain</a>

Sekarang codenya diganti menjadi:
<a style=”text-decoration: none;” href=”http://situs-lain.com/”><span style=”color: #000000;”>Situs Lain</span></a>

Dengan demikian warna link sudah berubah dan underlineya juga hilang.