Change color of hyperlink in theme

  • Hi
    I am using the
    Art Works 1.0 by qualitywordpress
    theme on my blog

    I don’t know how to make my hyperlinks show up, now they are the same color as my text, I want them brown as the color behind my headlines or at least blue as hyperlinks usually are.

    This is my blog

    if you need to look at it

    This is my style sheet code:

    /*
    Theme Name: Art Works
    Theme URI: https://art.qualitywordpress.com
    Description: The art work blog or artists and designers.
    Version: 1.0
    Author: qualitywordpress
    Author URI: https://qualitywordpress.com
    */

    /* General */

    body {
    margin: 0;
    background: #ebe6b7;
    }

    h1, h2, h3, h4 {
    margin: 0;
    }

    img {
    border: 0;
    }

    .clear {
    clear: both;
    height: 0;
    overflow: hidden;
    }

    /* Page */

    #page {
    margin: 0 auto;
    width: 907px;
    }

    /* Header */

    #header {
    width: 907px;
    height: 272px;
    background: url(“images/header.jpg”) no-repeat;
    position: relative;
    }

    /* Header – Info */

    #header #header-info {
    position: absolute;
    top: 70px;
    left: 320px;
    }

    #header #header-info h1 {
    color: #ffffff;
    font: bold 33px Verdana;
    padding-bottom: 5px;
    }

    #header #header-info h1 a {
    color: #ffffff;
    text-decoration: none;
    }

    #header #header-info .description {
    color: #ffffff;
    font: bold 15px Verdana;
    }

    /* Header – Menu */

    #header #header-menu {
    position: absolute;
    top: 237px;
    left: 15px;
    height: 34px;
    }

    #header #header-menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    height: 34px;
    }

    #header #header-menu ul li {
    float: left;
    height: 32px;
    margin-right: 11px;
    font: bold 12px/32px Verdana;
    color: #FFFFFF;
    background: url(“images/header_menu.gif”) repeat-x;
    border: 1px solid #1C1C1C;
    padding: 0 30px;
    }

    #header #header-menu ul li a {
    color: #FFFFFF;
    text-decoration: none;
    }

    #header #header-menu ul li a:hover {
    text-decoration: underline;
    }

    #header #header-menu ul li ul {
    display: none;
    }

    /* Main */

    #main {
    width: 907px;
    background: #262626 url(“images/main.gif”) repeat-y;
    }

    #main-top {
    width: 907px;
    background: url(“images/main_top.gif”) no-repeat;
    }

    #main-bottom {
    width: 907px;
    min-height: 50px;
    background: url(“images/main_bottom.gif”) no-repeat left bottom;
    }

    /* Main – Content */

    #content {
    float: left;
    width: 495px;
    padding: 12px 16px 0 16px;
    }

    /* Main – Content – Post */

    #content .post {
    float: left;
    margin-bottom: 25px;
    width: 495px;
    }

    /* Post – Date */

    #content .post .post-date {
    background: url(“images/post_date.gif”) no-repeat;
    width: 122px;
    height: 25px;
    color: #FFFFFF;
    text-align: center;
    font: bold 10px/25px Verdana;
    }

    /* Post – Title */

    #content .post .post-title {
    width: 463px;
    height: 45px;
    border: 1px solid #FFFFFF;
    background: url(“images/post_title.gif”) repeat-x;
    color: #FFFFFF;
    font: bold 10px Verdana;
    padding: 0 15px;
    }

    #content .post .post-title a {
    color: #FFFFFF;
    text-decoration: none;
    }

    #content .post .post-title a:hover {
    text-decoration: underline;
    }

    #content .post .post-title h2 {
    color: #FFFFFF;
    font: bold 15px/45px Verdana;
    float: left;
    }

    #content .post .post-title h2 a {
    color: #FFFFFF;
    text-decoration: none;
    }

    #content .post .post-title h2 a:hover {
    text-decoration: underline;
    }

    #content .post .post-title .post-title-info {
    float: right;
    line-height: 45px;
    }

    /* Post – Entry */

    #content .post .post-entry {
    font: normal 11px/18px Verdana;
    color: #000000;
    padding: 0 15px;
    width: 465px;
    background: #FFFFFF;
    float: left;
    }

    #content .post .post-entry a {
    color: #000000;
    text-decoration: none;
    }

    #content .post .post-entry a:hover {
    text-decoration: underline;
    }

    #content .post .post-entry .more-link {
    font: bold 11px/20px Verdana;
    color: #FFFFFF;
    float: right;
    padding-bottom: 5px;
    }

    #content .post .post-entry .more-link a {
    color: #FFFFFF;
    text-decoration: none;
    }

    #content .post .post-entry .more-link a:hover {
    text-decoration: underline;
    }

    /* Post – Info */

    #content .post .post-info {
    padding: 0 10px 0 0;
    width: 485px;
    clear: both;
    font: bold 10px/19px Verdana;
    color: #FFFFFF;
    background: url(“images/post_info.gif”) no-repeat;
    text-align: right;
    }

    #content .post .post-info a {
    color: #FFFFFF;
    text-decoration: none;
    }

    #content .post .post-info a:hover {
    text-decoration: underline;
    }

    /* Post – Comments */

    #content .post .post-entry h3 {
    color: #000000;
    font: bold 14px Verdana;
    margin: 25px 0 5px 0;
    }

    #content .post .post-entry .comments {
    font: normal 11px/18px Verdana;
    color: #000000;
    width: 465px;
    }

    #content .post .post-entry .comments a {
    color: #000000;
    text-decoration: none;
    }

    #content .post .post-entry .comments a:hover {
    text-decoration: underline;
    }

    #content .post .post-entry .comments ol {
    margin: 10px 0 10px 0;
    padding-left: 25px;
    }

    #content .post .comments ol li {
    padding: 5px;
    }

    #content .post .post-entry .comments ol li.alt {
    background: #cccccc;
    }

    #content .post .post-entry .comments ol li cite {
    color: #000000;
    font-style: normal;
    font-weight: bold;
    }

    #content .post .post-entry .comments ol li cite a {
    color: #000000;
    text-decoration: none;
    }

    #content .post .post-entry .comments ol li cite a:hover {
    text-decoration: underline;
    }

    #content .post .post-entry .comments ol li .commentmetadata a {
    color: #000000;
    text-decoration: none;
    }

    #content .post .post-entry .comments ol li .commentmetadata a:hover {
    text-decoration: underline;
    }

    #content .post .post-entry #commentform {
    font: normal 11px/18px Verdana;
    color: #FFFFFF;
    width: 450px;
    padding-left: 15px;
    margin: 0;
    }

    #content .post .post-entry #commentform a {
    color: #000000;
    text-decoration: none;
    }

    #content .post .post-entry #commentform a:hover {
    text-decoration: underline;
    }

    /* Main – Content – Navigation */

    #content .navigation {
    font: bold 11px/25px Verdana;
    color: #002C6D;
    width: 495px;
    height: 25px;
    float: left;
    margin-bottom: 25px;
    }

    #content .navigation a {
    color: #002C6D;
    text-decoration: none;
    }

    #content .navigation a:hover {
    text-decoration: underline;
    }

    #content .navigation .navigation-previous {
    float: left;
    }

    #content .navigation .navigation-next {
    float: right;
    }

    /* Main – Sidebar */

    .sidebar {
    float: left;
    width: 170px;
    font: normal 11px/18px Verdana;
    color: #002C6D;
    }

    .sidebar a {
    color: #002C6D;
    text-decoration: none;
    }

    .sidebar a:hover {
    text-decoration: underline;
    }

    /* Sidebar – Sides */

    .sidebar-left {
    padding: 12px 3px 15px 16px;
    }

    .sidebar-right {
    padding: 12px 0 15px 3px;
    }

    /* Sidebar – Titles */

    .sidebar h3 {
    padding-left: 10px;
    font: bold 12px/26px Verdana;
    color: #002C6D;
    width: 159px;
    height: 26px;
    background: url(“images/sidebar_title.gif”) repeat-x;
    }

    /* Sidebar – Menus */

    .sidebar ul {
    margin: 5px 0 8px 0;
    padding: 0;
    list-style-type: none;
    }

    .sidebar ul li {
    padding-left: 11px;
    color: #002C6D;
    font: bold 10px/25px Verdana;
    background: url(“images/sidebar_menu.gif”) repeat-x;
    }

    .sidebar ul li a {
    color: #002C6D;
    text-decoration: none;
    }

    .sidebar ul li a:hover {
    text-decoration: underline;
    }

    /* Sidebar – Submenus */

    .sidebar ul li ul {
    margin: 0;
    padding: 0;
    }

    /* Sidebar – Forms */

    .sidebar #searchform {
    margin: 0;
    padding: 5px 0 8px 0;
    width: 170px;
    text-align: center;
    }

    .sidebar #searchform #s {
    width: 140px;
    }

    /* Sidebar – Tables */

    .sidebar #calendar_wrap {
    margin: 0 auto;
    padding: 5px 0 8px 0;
    width: 130px;
    }

    .sidebar #calendar_wrap caption {
    font-weight: bold;
    }

    .sidebar #calendar_wrap tbody {
    text-align: right;
    }

    .sidebar #calendar_wrap tfoot #next {
    text-align: right;
    }

    .sidebar #calendar_wrap #today {
    font-weight: bold;
    }

    /* Sidebar – Texts */

    .sidebar .textwidget {
    padding: 5px 4px 8px 4px;
    }

    /* Sidebar – Feed */

    .sidebar #sidebar-feed {
    margin: 5px auto 8px auto;
    width: 160px;
    height: 60px;
    }

    /* Footer */

    #footer {
    width: 907px;
    height: 83px;
    background: #AC6120;
    color: #ffffff;
    font: 10px/83px Verdana;
    text-align: center;
    }

    #footer a {
    color: #ffffff;
    text-decoration: underline;
    }

    #footer a:hover {
    text-decoration: underline;
    }

    Any idea where/what I can do my changes?

Viewing 1 replies (of 1 total)

  • No need to put all the CSS here.
    In your CSS style sheet, look for those 4 items (called pseudo-classes):

    a:link    /* unvisited link */
a:visited  /* visited link */
a:hover   /* mouse over link */
a:active   /* selected link */

    In your theme they are separated by different styles for header, sidebar , footer, etc – so you will have to dig up the one you want to change, and then change the attribute you want (color, underline, size etc..)

Viewing 1 replies (of 1 total)
  • The topic ‘Change color of hyperlink in theme’ is closed to new replies.

Tags