WordPress.org

Support

Support » Themes and Templates » Changing link color in a theme

Changing link color in a theme

  • I changed the theme of one of my blogs and woudl like to tweak its colors.

    I would liek to change the color of links to match other color changes I will be amking to the theme.

    What specific setting can I chage to accomplish this?
    Also, I’d liek to put a littel space between each displayed widget.

    Thanks,
    Gene

Viewing 5 replies - 1 through 5 (of 5 total)
  • wp-content/themes/THEME_NAME/style.css

    The first couple of lines in that file are the colors for link, hover, active and visited. Have fun.

    [signature moderated Please read the Forum Rules]

    esmi

    @esmi

    Forum Moderator

    You’ll almost certainly need to make changes to your theme’s CSS file(s) to change the link colours and to adjust the margins between widgets but without seeing the theme, that’s just an educated guess.

    There’s nothing showing at the above URl.

    body {
    font-size: 10pt;
    font-family: georgia,times,’times new roman’, serif;
    background: #1f1f1f ;
    color: #303324;
    text-align: left;
    margin: 0;
    padding: 0;
    line-height: 140%;
    }

    #wrap {
    padding: 0 5px;
    clear: both;
    width: 960px;
    margin: 0 auto;
    background: #FFFDF2 url(images/zekebg.gif) top left repeat-y;
    }

    #header {
    width:960px;
    clear: both;
    padding: 0;
    margin: 0 auto;
    height:160px;
    background: #330000 url(images/zekehead.jpg) top center no-repeat;
    }

    #nav {
    width:960px;
    background: #660000 url(images/zekenav.gif) center center no-repeat;
    height:40px;
    line-height:40px;
    margin: 0 auto;
    padding:1px 0 0;
    border-bottom:1px solid #fff;
    }

    #page {
    clear: both;
    margin: 0 auto;
    padding: 0;
    }

    #contentleft {
    width: 680px;
    float:left;
    padding: 0;
    margin: 0;
    }

    #content {
    width: 499px;
    float: left;
    margin: 0 1px 0 0;
    padding: 0;
    }

    #midcontent {
    font-family:tahoma,geneva,verdana,sans-serif;
    font-size: 8pt;
    width: 160px;
    float: right;
    margin: 0 0 15px 0;
    padding: 15px 10px 15px 0;
    }

    #contentright {
    font-family:tahoma,geneva,verdana,sans-serif;
    font-size: 8pt;
    width: 250px;
    float:left;
    padding: 15px 0 15px 15px;
    margin: 0 0 15px;
    }

    #sidebar {
    width: 250px;
    font-size: 8pt;
    float: left;
    margin: 0;
    padding: 0;
    }

    #footer {
    border-top:1px solid #fff;
    font-family:tahoma,geneva,verdana,sans-serif;
    font-size: 8pt;
    color:#DAD6C4;
    width:960px;
    background:#220000;
    font-size: 8pt;
    line-height: 160%;
    clear: both;
    margin: 0px auto;
    padding: 20px 0 ;
    text-align: center;
    }

    #footer p {
    margin: 0;
    }

    /* ——————-[ Headings ]——————- */

    h1, h2, h3, h4, h5, h6, h7 {
    color:#330000;
    font-family: georgia,times,’times new roman’, serif;
    letter-spacing:-1px;
    line-height: 130%;
    margin: 0;
    padding: 0;
    text-align: left;
    font-weight:normal;
    }

    h1 {
    font-size: 16pt;
    margin: 0;
    }

    esmi

    @esmi

    Forum Moderator

    If you want to change the link colour, the lines you should be looking for are:

    a, a:link, a:visited

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Changing link color in a theme’ is closed to new replies.
Skip to toolbar