Title: Change hyperlink colours
Last modified: August 19, 2016

---

# Change hyperlink colours

 *  [henriquefct](https://wordpress.org/support/users/henriquefct/)
 * (@henriquefct)
 * [17 years, 10 months ago](https://wordpress.org/support/topic/change-hyperlink-colours/)
 * Hi!
    I’m using Trendy 1.0 by Benedikt Rieke-Benninghaus and I’m having a bad 
   time trying to vchange the hyperlink colours, could anyone give me a habd with
   it?

Viewing 15 replies - 1 through 15 (of 15 total)

 *  [sandra-08](https://wordpress.org/support/users/sandra-08/)
 * (@sandra-08)
 * [17 years, 10 months ago](https://wordpress.org/support/topic/change-hyperlink-colours/#post-802394)
 * Most of your link colors in the posts is found:
 *     ```
       .format_text { font-size: 1.3em; line-height: 1.53846em; padding: 0 10px; }
   
       	.format_text a { color: #0000AA; text-decoration: underline; }
   
       	.format_text a:visited { color: #AA00AA; background: #FFFFFF; text-decoration: underline; }
   
       	.format_text a:hover { text-decoration: underline; }
       ```
   
 *  [sandra-08](https://wordpress.org/support/users/sandra-08/)
 * (@sandra-08)
 * [17 years, 10 months ago](https://wordpress.org/support/topic/change-hyperlink-colours/#post-802396)
 * Edit: Forgot to add that is for the Neoclassical skin, but will give you an idea
   of what to look for.
 *  Thread Starter [henriquefct](https://wordpress.org/support/users/henriquefct/)
 * (@henriquefct)
 * [17 years, 10 months ago](https://wordpress.org/support/topic/change-hyperlink-colours/#post-802452)
 * This in the stylesheet right?
 *  Thread Starter [henriquefct](https://wordpress.org/support/users/henriquefct/)
 * (@henriquefct)
 * [17 years, 10 months ago](https://wordpress.org/support/topic/change-hyperlink-colours/#post-802453)
 * Can’t find any of that:)
 * ‘/*
    Theme Name: Trendy Theme URI: [http://benediktrb.de](http://benediktrb.de)
   Description: Trendy by [Benedikt](http://english.benediktrb.de) Version: 1.0 
   Author: Benedikt Rieke-Benninghaus */
 * /* ——————————————————————————- Definitions */
 * * {margin: 0; padding: 0; border: none; outline:none;}
 * body {
    margin: 0; padding: 0; background: #121212 url(images/background.gif)
   repeat-x top left; font-family: “Arial”, Lucida Grande, Verdana, Helvetica, sans-
   serif; font-size: 80%; color: #FFFFFF; text-align: left; }
 * h1,h2,h3,h4,h5,h6 {
    font-family: “Arial”, Verdana, sans-serif; font-weight: 
   normal; padding:0; margin:0; color:#fff; }
 * a:link, a:visited { color: FFFFFF; text-decoration: none;}
 * a:hover, a:active {color: #FFFFFF; text-decoration: underline;}
 * .nodisplay {left: -5000px; position: absolute;}
 * p, ul, ol {line-height: 23px;}
 * ol, ul {list-style-type: square; padding:5px 0 0 20px}
 * /* ——————————————————————————– Containerproperties */
    #container { background:
   transparent; margin:0 auto; padding:0; width:768px; }
 * #header {
    background: #1E1E1E url(images/logo.gif) no-repeat top center; height:
   143px; width:768px; margin: 0; padding: 0; }
 * #menu {
    width:768px; height:50px; background: #1E1E1E url(images/button_bg.gif)
   no-repeat top center; text-align: left; }
 * #buttons {
    width:768px; height:29px; background: #1E1E1E url(images/u_head.gif)
   no-repeat top center; text-align: right; }
 * #content {
    background: transparent url(images/corner.jpg) no-repeat top left;
   float: left; width: 500px; padding:15px; }
 * #navigation {
    float: right; margin: 8px 8px 8px 0px; padding: 10px; width: 200px;
   line-height: 1.5em; display: inline; }
 * #footer {
    background: #1E1E1E url(images/footer.jpg) no-repeat top center; height:
   45px; width:768px; margin: 0; padding: 0; }
 * /* ——————————————————————————————- Header */
 * #header h1 {
    color:#fff; float:left; margin: 36px 0 0 70px; padding: 0; clear:
   right; font-size:2.5em; }
 * #header h1 a, #header h1 a:hover {
    color:#fff; text-decoration:none; }
 * #menu ul {
    font-weight:bold; padding: 8px 0 0 50px; } #menu li { padding: 0 
   10px 0 5px; display: inline; } #menu li a { color: #ffffff; } #menu li a:hover{
   border-top:3px solid #fff; text-decoration: none; color: #fff; }
 * #buttons ul {
    font-size:11px; font-weight:bold; padding: 2px 10px 0 0; } #buttons
   li { background: transparent url(images/rss.gif) no-repeat 0px 50%; padding: 
   0 10px 0 20px; display: inline; } #buttons li a { color: #fff; } #buttons li 
   a:hover { text-decoration: none; color: #fff; }
 * /* ————————————————————————————- right Sidebar */
 * #navigation h2 {
    margin: 5px 0 8px 0; padding: 0 0 4px 0; color: #F5F5F5; font-
   size: 20px; border-bottom: 2px solid #efefef; }
 * #navigation ul {
    margin: 0 0 20px 0; padding: 0; list-style: none; }
 * #navigation ul li {
    margin: 0; padding: 0 display: inline; }
 * #navigation li {
    list-style: none; }
 * #navigation ul li a {
    margin: 0; padding: 4px 0 4px 30px; background:transparent
   url(images/bull.gif) no-repeat 10px 50%; display: block; color: #fff; text-decoration:
   none; }
 * #navigation ul li a:hover {
    background:#fff url(images/bull_h.gif) no-repeat
   10px 50%; color: #fff; }
 * #navigation .box {
    margin:10px 0 10px 0; padding:8px; background: transparent
   url(images/navi.gif) no-repeat top left; }
 * /* ————————————————————————————— Content Area */
 * .article {
    margin: 25px 0 0 0; padding:15px; }
 * .headline {
    clear:both; }
 * .article h2 {
    float:left; margin: 0 0 10px 0; font-size: 22px; border-bottom:
   1px dotted #fff; }
 * .article h2 a:link,
    .article h2 a:visited { color:#fff; padding: 4px; text-decoration:
   none; }
 * .article h2 a:hover,
    .article h2 a:active { color: #fff; padding: 4px; }
 * .comments {
    float:right; text-align:left; font-weight:bold; padding: 4px 4px
   4px 33px; background: transparent url(images/comments.gif) no-repeat 5px 50%;}
 * #content .postmetadata,
    #content .thecontent { margin: 15px 0 0 0; }
 * #content .postmetadata {
    background: #121212 url(images/postmeta.gif) no-repeat
   top left; float: left; width: 485px; height:44px; margin:10px 0 15px 0; } #content.
   postmetadata p{ color:#000; font-size:11px; font-weight:bold; padding:10px; }
 * #content .postmetadata p a{
    color:#000; } #content .postmetadata p a:hover{ 
   color:#fff; }
 * #content blockquote {
    background: #121212 url(images/quote.gif) no-repeat top
   left; padding: 0 0 0 45px; margin: 5px 5px 5px 20px; min-height:40px; }
 * #content code {
    background: #121212 url(images/code.gif) no-repeat top left;
   padding: 0 0 0 20px; margin: 5px 5px 5px 20px; min-height:40px; }
 * .searcherg {
    padding: 5px; margin: 5px 5px 5px 20px; border-left: 4px solid #
   84A439; }
 * /* —————————————————————————————– Content Icons */
 * .goon {
    background: transparent url(images/link.gif) no-repeat 0px 50%; padding:
   0 0 0 15px; font-weight: bold; }
 * .thecontent {
    clear:both; margin: 15px 0 0 0; }
 * .thecontent p{
    margin: 10px 0 0 0; }
 * /* ————————————————————————————- Comment Area */
 * .comment {
    margin: 40px 0 0 0; }
 * .comment h3 {
    color:#fff; padding: 10px; font-size: 20px; }
 * .comment h4 {
    color:#fff; margin: 15px 0 10px 0; padding: 0 0 0 5px; font-size:
   20px; }
 * .service {
    margin: 0 0 20px 0; padding: 3px; background: #fff; font-weight: 
   bold; }
 * .comment input,textarea {
    margin: 2px; padding: 4px; background: #2F2F2F; color:#
   fff; border: 2px solid #252525; }
 * .comment textarea {
    width: 80%; height: 150px; }
 * .comment input:focus,
    .comment textarea: focus { background: #fff; }
 * .comment input[type=submit] {
    font-weight: bold; }
 * .comment ol.commentlist {
    margin: 5px; padding: 10px; list-style-type: none;}
 * .comment ol.commentlist li {
    margin: 7px; padding: 10px; }
 * .kommentar {
    padding: 4px 0 2px 6px; margin: 5px 0 5px 5px; }
 * .gravatar {
    max-width: 50px; max-height: 50px; }
 * /* ———————————————————————————————— Footer */
 * #footer p {
    padding:12px; font-size: 12px; text-align: left; color: #fff; }
 * /* ——————————————————————————————————- */’
 *  [hapatite](https://wordpress.org/support/users/discojing/)
 * (@discojing)
 * [17 years, 10 months ago](https://wordpress.org/support/topic/change-hyperlink-colours/#post-802520)
 * which colors are you trying to change?
    main page, menu, etc…
 * just search for any field contained with an ‘a:’ value.
    example:
 *     ```
       #content .postmetadata p <strong>a:hover</strong>{
       color:#fff;
       ```
   
 * that means that is white. change ‘color’ to whatever color you want.
    same goes
   for: `a:link, a:visited { color: FFFFFF; text-decoration: none;}` `a:hover, a:
   active {color: #FFFFFF; text-decoration: underline;}`
 *     ```
       #menu li a:hover {
       border-top:3px solid #fff;
       text-decoration: none;
       color: #fff;
       }
       ```
   
 *     ```
       #buttons li a:hover {
       text-decoration: none;
       color: #fff;
       }
       ```
   
 *     ```
       #navigation ul li a:hover {
       background:#fff url(images/bull_h.gif) no-repeat 10px 50%;
       color: #fff;
       }
       ```
   
 *     ```
       .article h2 a:link,
       .article h2 a:visited {
       color:#fff;
       padding: 4px;
       text-decoration: none;
       }
       ```
   
 *     ```
       .article h2 a:hover,
       .article h2 a:active {
       color: #fff;
       padding: 4px;
       }
       ```
   
 *     ```
       #content .postmetadata p a:hover{
       color:#fff;
       }
       ```
   
 * to make all the links one color, do
    `a { whatever style you want }` `a:hover{
   whatever style you want when you put the mouse over}` `a:visited {whatever style
   you want to show up for a link you visited}` `a:active {whatever style you want
   to show up for a link you are clicking}`
 * use `color: #html color (like #fff or #000000} or color: white / black, etc.`
 * then delete the ‘a:’ parts from the other code.
 *  Thread Starter [henriquefct](https://wordpress.org/support/users/henriquefct/)
 * (@henriquefct)
 * [17 years, 10 months ago](https://wordpress.org/support/topic/change-hyperlink-colours/#post-802532)
 * Thanks for all your help, problem is that my words with links are shown in blue,
   and clicked links show in purple… I don’t wan’t any of that, but I don’t find
   any place where I can change these settings
 *  Thread Starter [henriquefct](https://wordpress.org/support/users/henriquefct/)
 * (@henriquefct)
 * [17 years, 10 months ago](https://wordpress.org/support/topic/change-hyperlink-colours/#post-802533)
 * Here is the URL by the way… [http://www.fctirsense.com/www](http://www.fctirsense.com/www)
 *  Thread Starter [henriquefct](https://wordpress.org/support/users/henriquefct/)
 * (@henriquefct)
 * [17 years, 10 months ago](https://wordpress.org/support/topic/change-hyperlink-colours/#post-802541)
 * Could someone plaease give me a hand with this? I need too unveal the website
   soon…
 *  Thread Starter [henriquefct](https://wordpress.org/support/users/henriquefct/)
 * (@henriquefct)
 * [17 years, 10 months ago](https://wordpress.org/support/topic/change-hyperlink-colours/#post-802542)
 * Could someone plaease give me a hand with this? I need to unveal the website 
   soon…
 *  [iridiax](https://wordpress.org/support/users/iridiax/)
 * (@iridiax)
 * [17 years, 10 months ago](https://wordpress.org/support/topic/change-hyperlink-colours/#post-802544)
 * These are browser default link colors, which likely means that no css style is
   being applied to these links. Search in Google for the following to learn how
   to style links with css:
 * css a:visited
 *  Thread Starter [henriquefct](https://wordpress.org/support/users/henriquefct/)
 * (@henriquefct)
 * [17 years, 10 months ago](https://wordpress.org/support/topic/change-hyperlink-colours/#post-802546)
 * Tks!
 * Well, I don’t understand much of programming…. could someone check my stylesheet(
   above) and determine where to put a code to manage hyperlink colours?
 *  [Sheri Grey](https://wordpress.org/support/users/designsimply/)
 * (@designsimply)
 * [17 years, 10 months ago](https://wordpress.org/support/topic/change-hyperlink-colours/#post-802548)
 * discojing has done a great job outlining exactly what you need to change. However,
   I don’t think the stylesheet you posted matches the one being used on your site.
   Make sure you are looking at the right stylesheet. In particular, check wp-content/
   themes/trendy-10/style.css. I see that stylesheet contains color: #fbf2e7 for
   a:hover and a:active and color #ff0000 for a:hover (which actually conflicts).
   Check the trendy-10/style.css for any color references. Good luck!
 *  Thread Starter [henriquefct](https://wordpress.org/support/users/henriquefct/)
 * (@henriquefct)
 * [17 years, 10 months ago](https://wordpress.org/support/topic/change-hyperlink-colours/#post-802550)
 * Tks!
 *  Thread Starter [henriquefct](https://wordpress.org/support/users/henriquefct/)
 * (@henriquefct)
 * [17 years, 10 months ago](https://wordpress.org/support/topic/change-hyperlink-colours/#post-802565)
 * Sorry to bother you again, but still I can’t remove those nagging blue links 
   on [http://www.fctirsense.com/www](http://www.fctirsense.com/www). I have already
   tried to substitute the links for #FFFF99, but nothing happens, Could someone
   take a loook at slyle.css and tell me if I misse some line…?
    If blue is the 
   default color for white words’ links… I was wondering if these default settings
   would disappear if I change the text color for a very light yellow…
 * Here’s the code…
 * /*
    Theme Name: Trendy Theme URI: [http://benediktrb.de](http://benediktrb.de)
   Description: Trendy by [Benedikt](http://english.benediktrb.de) Version: 1.0 
   Author: Benedikt Rieke-Benninghaus */
 * /* ——————————————————————————- Definitions */
 * * {margin: 0; padding: 0; border: none; outline:none;}
 * body {
    margin: 0; padding: 0; background: #121212 url(images/background.gif)
   repeat-x top left; font-family: “Arial”, Lucida Grande, Verdana, Helvetica, sans-
   serif; font-size: 80%; color: #FFFFFF; text-align: left; }
 * h1,h2,h3,h4,h5,h6 {
    font-family: “Arial”, Verdana, sans-serif; font-weight: 
   normal; padding:0; margin:0; color:#fff; }
 * a:link, a:visited { color: FFFF99; text-decoration: none;}
 * a:hover, a:active {color: #FFFF99; text-decoration: underline;}
 * .nodisplay {left: -5000px; position: absolute;}
 * p, ul, ol {line-height: 23px;}
 * ol, ul {list-style-type: square; padding:5px 0 0 20px}
 * /* ——————————————————————————– Containerproperties */
    #container { background:
   transparent; margin:0 auto; padding:0; width:768px; }
 * #header {
    background: #1E1E1E url(images/logo.gif) no-repeat top center; height:
   143px; width:768px; margin: 0; padding: 0; }
 * #menu {
    width:768px; height:50px; background: #1E1E1E url(images/button_bg.gif)
   no-repeat top center; text-align: left; }
 * #buttons {
    width:768px; height:29px; background: #1E1E1E url(images/u_head.gif)
   no-repeat top center; text-align: right; }
 * #content {
    background: transparent url(images/corner.jpg) no-repeat top left;
   float: left; width: 500px; padding:15px; }
 * #navigation {
    float: right; margin: 8px 8px 8px 0px; padding: 10px; width: 200px;
   line-height: 1.5em; display: inline; }
 * #footer {
    background: #1E1E1E url(images/footer.jpg) no-repeat top center; height:
   45px; width:768px; margin: 0; padding: 0; }
 * /* ——————————————————————————————- Header */
 * #header h1 {
    color:#fff; float:left; margin: 36px 0 0 70px; padding: 0; clear:
   right; font-size:2.5em; }
 * #header h1 a, #header h1 a:hover {
    color:#FFFF99; text-decoration:none; }
 * #menu ul {
    font-weight:bold; padding: 8px 0 0 50px; } #menu li { padding: 0 
   10px 0 5px; display: inline; } #menu li a { color: #FBF2E7; } #menu li a:hover{
   border-top:3px solid #FBF2E7; text-decoration: none; color: #FBF2E7; }
 * #buttons ul {
    font-size:11px; font-weight:bold; padding: 2px 10px 0 0; } #buttons
   li { background: transparent url(images/rss.gif) no-repeat 0px 50%; padding: 
   0 10px 0 20px; display: inline; } #buttons li a { color: #FBF2E7; } #buttons 
   li a:hover { text-decoration: none; color: #FBF2E7; }
 * /* ————————————————————————————- right Sidebar */
 * #navigation h2 {
    margin: 5px 0 8px 0; padding: 0 0 4px 0; color: #F5F5F5; font-
   size: 20px; border-bottom: 2px solid #efefef; }
 * #navigation ul {
    margin: 0 0 20px 0; padding: 0; list-style: none; }
 * #navigation ul li {
    margin: 0; padding: 0 display: inline; }
 * #navigation li {
    list-style: none; }
 * #navigation ul li a {
    margin: 0; padding: 4px 0 4px 30px; background:transparent
   url(images/bull.gif) no-repeat 10px 50%; display: block; color: #fff; text-decoration:
   none; }
 * #navigation ul li a:hover {
    background:#fff url(images/bull_h.gif) no-repeat
   10px 50%; color: #fff; }
 * #navigation .box {
    margin:10px 0 10px 0; padding:8px; background: transparent
   url(images/navi.gif) no-repeat top left; }
 * /* ————————————————————————————— Content Area */
 * .article {
    margin: 25px 0 0 0; padding:15px; }
 * .headline {
    clear:both; }
 * .article h2 {
    float:left; margin: 0 0 10px 0; font-size: 22px; border-bottom:
   1px dotted #fff; }
 * .article h2 a:link,
    .article h2 a:visited { color:#FFFF99; padding: 4px; text-
   decoration: none; }
 * .article h2 a:hover,
    .article h2 a:active { color: #FFFF99; padding: 4px; }
 * .comments {
    float:right; text-align:left; font-weight:bold; padding: 4px 4px
   4px 33px; background: transparent url(images/comments.gif) no-repeat 5px 50%;}
 * #content .postmetadata,
    #content .thecontent { margin: 15px 0 0 0; }
 * #content .postmetadata {
    background: #121212 url(images/postmeta.gif) no-repeat
   top left; float: left; width: 485px; height:44px; margin:10px 0 15px 0; } #content.
   postmetadata p{ color:#000; font-size:11px; font-weight:bold; padding:10px; }
 * #content .postmetadata p a{
    color:#000; } #content .postmetadata p a:hover{ 
   color:#fff; }
 * #content blockquote {
    background: #121212 url(images/quote.gif) no-repeat top
   left; padding: 0 0 0 45px; margin: 5px 5px 5px 20px; min-height:40px; }
 * #content code {
    background: #121212 url(images/code.gif) no-repeat top left;
   padding: 0 0 0 20px; margin: 5px 5px 5px 20px; min-height:40px; }
 * .searcherg {
    padding: 5px; margin: 5px 5px 5px 20px; border-left: 4px solid #
   84A439; }
 * /* —————————————————————————————– Content Icons */
 * .goon {
    background: transparent url(images/link.gif) no-repeat 0px 50%; padding:
   0 0 0 15px; font-weight: bold; }
 * .thecontent {
    clear:both; margin: 15px 0 0 0; }
 * .thecontent p{
    margin: 10px 0 0 0; }
 * /* ————————————————————————————- Comment Area */
 * .comment {
    margin: 40px 0 0 0; }
 * .comment h3 {
    color:#fff; padding: 10px; font-size: 20px; }
 * .comment h4 {
    color:#fff; margin: 15px 0 10px 0; padding: 0 0 0 5px; font-size:
   20px; }
 * .service {
    margin: 0 0 20px 0; padding: 3px; background: #fff; font-weight: 
   bold; }
 * .comment input,textarea {
    margin: 2px; padding: 4px; background: #2F2F2F; color:#
   fff; border: 2px solid #252525; }
 * .comment textarea {
    width: 80%; height: 150px; }
 * .comment input:focus,
    .comment textarea: focus { background: #fff; }
 * .comment input[type=submit] {
    font-weight: bold; }
 * .comment ol.commentlist {
    margin: 5px; padding: 10px; list-style-type: none;}
 * .comment ol.commentlist li {
    margin: 7px; padding: 10px; }
 * .kommentar {
    padding: 4px 0 2px 6px; margin: 5px 0 5px 5px; }
 * .gravatar {
    max-width: 50px; max-height: 50px; }
 * /* ———————————————————————————————— Footer */
 * #footer p {
    padding:12px; font-size: 12px; text-align: left; color: #fff; }
 * /* ——————————————————————————————————- */
 * <head>
    <style type=”text/css”> a:link { COLOR: #FFFF99; } a:visited { COLOR:#
   FFFF99; } a:hover { COLOR: #FFFF99; } a:active { COLOR: #FFFF99; } </style> </
   head>
 *  [xamataca](https://wordpress.org/support/users/xamataca/)
 * (@xamataca)
 * [17 years, 10 months ago](https://wordpress.org/support/topic/change-hyperlink-colours/#post-802566)
 * Add this to your style.css :
 *     ```
       #userarea a:link,
       #userarea a:visited {
          color: #ffff99;
       }
       ```
   

Viewing 15 replies - 1 through 15 (of 15 total)

The topic ‘Change hyperlink colours’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 15 replies
 * 6 participants
 * Last reply from: [xamataca](https://wordpress.org/support/users/xamataca/)
 * Last activity: [17 years, 10 months ago](https://wordpress.org/support/topic/change-hyperlink-colours/#post-802566)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics