WordPress.org

Ready to get started?Download WordPress

Forums

Change hyperlink colours (16 posts)

  1. HenriqueFCT
    Member
    Posted 6 years ago #

    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?

  2. Sandra-08
    Member
    Posted 6 years ago #

    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; }
  3. Sandra-08
    Member
    Posted 6 years ago #

    Edit: Forgot to add that is for the Neoclassical skin, but will give you an idea of what to look for.

  4. HenriqueFCT
    Member
    Posted 6 years ago #

    This in the stylesheet right?

  5. HenriqueFCT
    Member
    Posted 6 years ago #

    Can't find any of that:)

    '/*
    Theme Name: Trendy
    Theme URI: http://benediktrb.de
    Description: Trendy by Benedikt
    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;
    }

    /* ------------------------------------------------------------------------------------------------------- */'

  6. discojing
    Member
    Posted 6 years ago #

    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.

  7. HenriqueFCT
    Member
    Posted 6 years ago #

    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

  8. HenriqueFCT
    Member
    Posted 6 years ago #

    Here is the URL by the way... http://www.fctirsense.com/www

  9. HenriqueFCT
    Member
    Posted 6 years ago #

    Could someone plaease give me a hand with this? I need too unveal the website soon...

  10. HenriqueFCT
    Member
    Posted 6 years ago #

    Could someone plaease give me a hand with this? I need to unveal the website soon...

  11. iridiax
    Member
    Posted 6 years ago #

    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

  12. HenriqueFCT
    Member
    Posted 6 years ago #

    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?

  13. designsimply
    Member
    Posted 6 years ago #

    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!

  14. HenriqueFCT
    Member
    Posted 6 years ago #

    Tks!

  15. HenriqueFCT
    Member
    Posted 6 years ago #

    Sorry to bother you again, but still I can't remove those nagging blue links on 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
    Description: Trendy by Benedikt
    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>

  16. Xamataca
    Member
    Posted 6 years ago #

    Add this to your style.css :

    #userarea a:link,
    #userarea a:visited {
       color: #ffff99;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.