Need help? Check out our Support site, then


Customize Mistylook Links

  1. I have just purchased the CSS upgrade and have my site looking pretty much like I want it, with the exception of the links. I want the dashed line to be solid under links in my posts and I want the underline removed when hovering over links. I have even searched the CSS file for "dashed" and can't find it. What am I doing wrong?

    Also, what's the trick for the image urls in the theme (like the RSS buttons)? I've been uploading them to my storage and changing the link in the theme, but there are several more that I still have to do. Is there an easier way?

    Here's my CSS.

    ______________________________________________________________

    * {
    margin:0;
    padding:0;
    }

    p {
    line-height:1.6em;
    margin:0.7em 0;
    }

    dl {
    margin:1em 0;
    }

    dt {
    font-weight:bold;
    }

    dd {
    margin:0.5em;
    padding:0;
    }

    .entry img {
    background:url('img/shadow.gif') no-repeat right bottom;
    border:none;
    border-top:#eee 1px solid;
    border-left:#eee 1px solid;
    padding:4px 10px 10px 4px;
    }

    .entry a img {
    border:none;
    background:url('img/shadow.gif') no-repeat right bottom;
    border-top:#eee 1px solid;
    border-left:#eee 1px solid;
    padding:4px 10px 10px 4px;
    }

    .entry .wp-smiley,#wpstats {
    background:none;
    border:0;
    padding:0;
    }

    .clear {
    clear:both;
    height:20px;
    }

    blockquote {
    color:#666;
    margin:1em;
    padding:0 0 10px 50px;
    }

    fieldset {
    border:none;
    }

    body {
    background:#069;
    font:76%/1.6em verdana, tahoma, arial, sans-serif;
    color:#333;
    text-align:center;
    margin:0;
    }

    a {
    text-decoration:none;
    }

    a:link,a:visited {
    color:#069;
    }

    a:hover,a:active {
    color:#f60;
    }

    h1,h2,h3,h4,h5,h6 {
    font-family:Georgia, Verdana, Arial, Serif;
    }

    #container {
    border:#ccc 1px solid;
    background:#fff;
    width:780px;
    position:relative;
    text-align:left;
    margin:0 auto;
    }

    #navigation {
    background:transparent;
    overflow:hidden;
    width:760px;
    position:relative;
    text-align:left;
    font-family:Trebuchet MS,Tahoma, Verdana, Arial, Serif;
    letter-spacing:1px;
    margin:20px auto 0;
    }

    html #navigation {
    height:1%;
    }

    #navigation ul li {
    float:left;
    list-style-type:none;
    margin:0 5px 0 0;
    }

    #navigation ul li a {
    border:#dedede 1px solid;
    border-bottom:none;
    display:block;
    font-weight:bold;
    color:#069;
    text-decoration:none;
    background:#ccc;
    padding:2px 10px;
    }

    #navigation ul li a:hover,#navigation ul li a:active,#navigation ul li.current_page_item a {
    background:#fff;
    color:#f60;
    border:#ccc 1px solid;
    border-bottom:none;
    }

    #navigation ul li.search {
    font-size:0.9em;
    right:0;
    position:absolute;
    top:0;
    }

    #navigation ul li.search input#searchsubmit {
    border:#999 1px solid;
    font-size:0.9em;
    background:#ddd;
    color:#069;
    margin:0 0 0 2px;
    padding:2px;
    }

    #header {
    clear:both;
    float:left;
    width:450px;
    margin:10px 5px;
    }

    #header h1 {
    font-size:1.8em;
    font-variant:small-caps;
    letter-spacing:1px;
    margin:10px 0 0 10px;
    }

    #header h1 a {
    text-decoration:none;
    border:none;
    }

    #header h2 {
    font-size:1em;
    font-weight:normal;
    font-family:Tahoma, Verdana, Arial, Serif;
    letter-spacing:1px;
    margin:5px 0 0 10px;
    }

    #feedarea {
    float:right;
    text-align:right;
    padding:10px 10px 0 0;
    }

    html #feedarea {
    padding-top:10px;
    }

    #feedarea dl dt {
    display:inline;
    margin-right:5px;
    height:45px;
    }

    #feedarea dl dd {
    display:inline;
    margin-right:5px;
    height:45px;
    background:url('http://inrepair.files.wordpress.com/2007/06/icon_feed.gif') no-repeat left center;
    padding-left:16px;
    }

    #headerimage {
    clear:both;
    background:#fff url('http://inrepair.files.wordpress.com/2007/06/diesel_hdr.jpg') no-repeat 0 0;
    color:#fff;
    height:200px;
    margin:10px;
    }

    html #headerimage {
    margin-top:0;
    }

    #content {
    margin:10px 10px 10px 30px;
    }

    html #content {
    height:1%;
    }

    #content h3 {
    font-size:1.4em;
    font-weight:normal;
    color:#265e15;
    margin:1em 0 0;
    }

    #content h4 {
    font-size:1.1em;
    margin:1em 0 0;
    }

    #content h5 {
    font-size:1em;
    margin:1em 0;
    }

    #content-main ul {
    list-style-image:url('img/bullet.png');
    margin:1em;
    padding:0 1em;
    }

    #content-main ul.asides {
    border-bottom:#ddd 1px solid;
    margin:0;
    padding:2em;
    }

    #content ol {
    list-style-type:decimal;
    margin:1em;
    padding:0 1em;
    }

    #content-main {
    float:left;
    width:520px;
    margin-right:20px;
    overflow:hidden;
    }

    html #section-index #content-main {
    margin-right:20px;
    }

    #content .post {
    border-bottom:#ddd 1px solid;
    padding:0 0 2em;
    }

    #content p img.right {
    float:right;
    margin:10px 0 0 10px;
    }

    #content p img.left {
    float:left;
    margin:0 10px 10px 0;
    }

    #content .post h2 {
    font-size:1.4em;
    letter-spacing:1px;
    font-weight:normal;
    margin:1em 0 0;
    }

    #content .entry {
    padding-right:1em;
    margin:1em 0;
    }

    #content .entry a:link,#content .entry a:visited {
    text-decoration:none;
    }

    #content .entry a:hover,#content .entry a:active {
    text-decoration:none;
    }

    #content .post-info,#content .postmetadata {
    font-size:0.9em;
    color:#999;
    margin:0;
    padding:0;
    }

    #content .post-info {
    background:url('img/underline1.jpg') no-repeat left bottom;
    padding-bottom:12px;
    }

    #sidebar {
    float:left;
    width:200px;
    font-size:0.9em;
    overflow:hidden;
    }

    #sidebar ul {
    list-style:none;
    margin:0;
    padding:0;
    }

    #sidebar ul ul {
    list-style:none;
    margin:0.5em 0 0 1em;
    }

    #sidebar ul ul ul {
    margin:0 0 0 1em;
    }

    li.sidebox {
    background:url('img/sideheadtop.gif') #ededed no-repeat left top;
    margin-bottom:10px;
    padding:10px;
    }

    html li.sidebox {
    padding-bottom:10px;
    }

    li.sidebox h2 {
    font-weight:normal;
    font-size:1.6em;
    text-align:left;
    color:#f60;
    font-variant:small-caps;
    }

    #sidebar li.sidebox p img {
    border:#ccc 1px solid;
    background:none;
    margin:0;
    padding:3px;
    }

    #footer {
    clear:both;
    background:transparent;
    width:760px;
    text-align:left;
    margin:0 auto;
    }

    html #footer {
    height:1%;
    }

    #footer p {
    float:left;
    width:50%;
    line-height:1.2em;
    }

    #footer p.right {
    float:right;
    width:50%;
    text-align:right;
    font-size:0.9em;
    color:#999;
    margin:1em 0;
    }

    #comments,#respond {
    margin:2em 0 10px 5px;
    }

    #commentform {
    background:#f9fcfc;
    border-top:#ddd 1px solid;
    border-bottom:#ddd 1px solid;
    margin:10px 0;
    padding:10px;
    }

    .commentnum {
    font-size:1.5em;
    font-weight:bold;
    margin:0 5px 0 0;
    }

    #container .commentlist {
    border-top:#ddd 1px solid;
    margin:0;
    padding:0;
    }

    .commentlist li {
    list-style:none;
    background:#fff url('img/shadow_top.gif') repeat-x top;
    border-bottom:#ddd 1px solid;
    margin:0;
    padding:0.5em;
    }

    .commentlist li.alt {
    background:#f9f9f9;
    }

    .commentlist li .cmtinfo {
    font-size:1em;
    }

    .commentlist li cite {
    font-style:normal;
    font-weight:bold;
    }

    .commentlist li .cmtinfo em {
    float:right;
    font-style:normal;
    font-size:0.9em;
    color:#999;
    margin:0;
    padding:0;
    }

    #content .commentsfeed {
    background:url('img/icon_feed.gif') no-repeat left center;
    padding-left:16px;
    }

    #content .trackback {
    background:url('img/link.gif') no-repeat left center;
    padding-left:20px;
    }

    input.textbox {
    border:#ccc 1px solid;
    background:#fff url('img/shadow_top.gif') repeat-x top;
    font:1em Verdana, Arial, Serif;
    width:150px;
    padding:2px;
    }

    textarea {
    width:80%;
    line-height:2em;
    height:20em;
    border:1px solid #ccc;
    background:#fff url('img/shadow_top.gif') repeat-x top;
    font:1em Verdana, Arial, Serif;
    padding:10px;
    }

    .textbox:focus,textarea:focus {
    background:#fff url('img/shadow_top.gif') repeat-x top;
    border:#999 1px solid;
    }

    .post h4 {
    font-size:1em;
    font-weight:normal;
    font-family:Verdana, Tahoma, Arial, Serif;
    }

    .post h4 em {
    font-style:normal;
    float:right;
    font-weight:normal;
    }

    #header,#content,#sidebar,#footer,.widget,.entry {
    overflow:hidden;
    }

    .avatar {
    float:right;
    }

  2. I'm using Misty too with the CSS upgrade and changed the links (and borders between posts) from dashes to dots. Here's the spot for links...just change "dotted" to "solid"

    }

    #content .entry a:link,#content .entry a:visited {
    border-bottom:#333333 1px dotted;
    }

    As for the graphics, as soon as you make a change, the coded images' url's need to be re-stated. If your header image is custom, you'll need to enter that. For things such as the RSS buttons (which I uploaded and changed before I learned the following, thx to sunburntkamel) you need to re-state the url. For example, for the "curlicue" graphics in a list instead of plain bullets (which you will get if you do nothing) change the original url to:

    }

    #content-main ul {
    list-style-image:url('http://s.wordpress.com/wp-content/themes/pub/mistylook/img/bullet.png');
    margin:1em;
    padding:0 1em;
    }

    HTH

  3. Thanks, ellaella! I finally got everything like I wanted it.

Topic Closed

This topic has been closed to new replies.

About this Topic