How to change colors of links?

  • Unknown's avatar

    The blog I’m referring to is http://weaversmill.wordpress.com/

    The blue color for the links does not contrast very well with the background color. I need these links, INCLUDING the one on Twitter widget box on the right of the page to be another color, that will match well with the background.

    PLEASE HELP!!! Thank you.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    It’s here:

    a:link {
    color: #0066CC;
    }

    The hover/active color is here:

    a:hover, a:active {
    color: #FF4B33;
    }
  • Unknown's avatar

    You’re referring to the one in CSS Stylesheet correct? I can’t seem to find it.

  • Unknown's avatar

    This is all I’m seeing not sure which you’re referring to. Thanks.

    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    border:0;
    vertical-align:baseline;
    margin:0;
    padding:0;
    }

    #wrapper {
    background:#797272;
    margin-top:20px;
    padding:0 20px;
    }

    #content,#content input,#content textarea {
    color:#000000;
    font-size:16px;
    line-height:24px;
    }

    body,input,textarea {
    color:#000000;
    font-size:12px;
    line-height:18px;
    }

    .page-title span {
    color:#000000;
    font-size:16px;
    font-style:italic;
    font-weight:normal;
    }

    .page-title a:link,.page-title a:visited {
    color:#161212;
    text-decoration:none;
    }

    .page-title a:active,.page-title a:hover {
    color:#000000;
    }

    .entry-meta {
    color:#161212;
    font-size:12px;
    }

    .entry-meta a:hover,.entry-utility a:hover {
    color:#000000;
    }

    .entry-meta a,.entry-utility a {
    color:#161212;
    }

    .entry-utility {
    clear:both;
    color:#161212;
    font-size:12px;
    line-height:18px;
    }

    #content thead th {
    color:#161212;
    font-size:12px;
    font-weight:bold;
    line-height:18px;
    padding:9px 24px;
    }

    textarea {
    color:#161212;
    font-size:12px;
    line-height:18px;
    }

    #site-generator a {
    background:url(‘images/wordpress.png’) center left no-repeat;
    color:#161212;
    display:inline-block;
    line-height:16px;
    padding-left:20px;
    text-decoration:none;
    }

    .entry-content label {
    color:#161212;
    font-size:12px;
    }

    .wp-caption p.wp-caption-text {
    color:#161212;
    font-size:12px;
    margin:5px;
    }

    .gallery .gallery-caption {
    color:#161212;
    font-size:12px;
    margin:0 0 12px;
    }

    .navigation {
    color:#161212;
    font-size:12px;
    line-height:18px;
    overflow:hidden;
    }

    .navigation a:link,.navigation a:visited {
    color:#161212;
    text-decoration:none;
    }

    .comment-meta a:link,.comment-meta a:visited {
    color:#161212;
    text-decoration:none;
    }

    .reply a,a.comment-edit-link {
    color:#161212;
    }

    #comments .pingback p {
    color:#161212;
    display:block;
    font-size:12px;
    line-height:18px;
    margin:0;
    }

    #respond label {
    color:#161212;
    font-size:12px;
    }

    #respond .form-allowed-tags {
    color:#161212;
    font-size:12px;
    line-height:18px;
    }

  • Unknown's avatar

    The previous answer should work. The main CSS for your theme can be viewed here

  • Unknown's avatar

    Please specify further. I cannot locate what thesacredpath has suggested in the CSS Stylesheet

  • Unknown's avatar

    It is in the original stylesheet. If you do not have what I have shown above in your stylesheet (in the CSS edit window) then simply add what I have above to your stylesheet, edit the hex color codes and save.

  • The topic ‘How to change colors of links?’ is closed to new replies.