• 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)
  • 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; }

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

    Thread Starter henriquefct

    (@henriquefct)

    This in the stylesheet right?

    Thread Starter henriquefct

    (@henriquefct)

    Can’t find any of that:)

    ‘/*
    Theme Name: Trendy
    Theme URI: https://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;
    }

    /* ——————————————————————————————————- */’

    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

    (@henriquefct)

    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

    (@henriquefct)

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

    Thread Starter henriquefct

    (@henriquefct)

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

    Thread Starter henriquefct

    (@henriquefct)

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

    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

    (@henriquefct)

    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?

    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

    (@henriquefct)

    Tks!

    Thread Starter henriquefct

    (@henriquefct)

    Sorry to bother you again, but still I can’t remove those nagging blue links on https://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: https://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>

    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.