WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Text decoration none problem links (6 posts)

  1. Christof
    Member
    Posted 4 years ago #

    Hi there,
    I try to get rid of all the underlines on the bottom of each link in the pages and blog/ archive.
    Not only in the body of the page/ text but also in the "Posted in uncategorized on 10/20/2008 04:42 pm by admin" - line.

    My website.

    Here is the css of my site.

    /* Layout */
    body {
    padding: 0;
    margin: 0;
    font-size: 0.9em;
    font-family: Arial, Verdana, Sans-Serif;
    background: #cacac8 url(images/bk.jpg) left top repeat-x;
    color: #000;
    }

    /* Default */
    a {
    color: #3b6065;
    }

    a:hover {
    color: #841700;
    }

    h1 {
    font-size: 1.2em;
    }

    h2 {
    font-size: 1.1em;
    }

    h3 {
    font-size: 1em;
    }

    h4 {
    font-size: .9em;
    }

    h5 {
    font-size: .8em;
    }

    h6 {
    font-size: .7em;
    }

    blockquote {
    padding: 0 0.5em;
    border-left: 5px solid #f0e8a7;
    margin: 0;
    background-color: #f8f8e2;
    }

    img.alignleft {
    float: left;
    margin: 0 .8em .8em 0;
    }

    img.alignright {
    float: right;
    margin: 0 0 .8em .8em;
    }

    .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    .alignleft {
    float: left;
    }

    .alignright {
    float: right;
    }

    a img {
    padding: 5px;
    border: 1px solid #ccc;
    }

    form {
    padding: 0;
    margin: 0;
    }

    /* Layout */
    #container {
    background: url(images/orientalBk.jpg) right top no-repeat;
    width: 980px;
    margin: 0 auto;
    }

    #header {
    height: 123px;
    }

    #header h1 {
    padding: 25px 0 0 53px;
    margin: 0;
    color: #883b23;
    font-family: Garamond, Georgia, serif;
    font-size: 2em;
    }

    #header h1 a,
    #header h1 a:hover {
    text-decoration: none;
    color: #883b23;
    }

    #header .description {
    padding: 0 0 0 53px;
    color: #883b23;
    font-family: Garamond, Georgia, serif;
    font-size: 1.3em;
    text-decoration: none;
    }

    #page {
    padding: 0 53px;
    background: url(images/leftFlare.jpg) left 87px no-repeat;
    text-decoration: none;
    }

    #pageinner {
    position: relative;
    margin: 13px 0 0 0;
    background: url(images/pageInnerBk.gif) right top repeat-y;
    }

    #navcontainer ul {
    background: url(images/headerBarBk.png) repeat;
    padding: 0;
    margin: 0;
    list-style: none;
    float: left;
    width: 100%;
    }

    * html #navcontainer ul {
    background: #972f07 url(images/headerBarBkForIE6.jpg) no-repeat;
    }

    #navcontainer ul li {
    display: inline;
    }

    #navcontainer ul li#first a,
    #navcontainer ul li#first a:hover {
    cursor: default;
    background-image: none;
    text-decoration: none;
    }

    #navcontainer ul li a {
    color: #faf6bb;
    margin: 5px 0 0 0;
    padding: 4px 14px 8px 12px;
    text-decoration: none;
    background: url(images/headerBarLiBk.gif) right 3px no-repeat;
    float: left;
    }

    #navcontainer ul li a:hover {
    text-decoration: none;
    }

    #navcontainer ul li.current_page_item a,
    #navcontainer ul li.current_page_ancestor a {
    background: url(images/searchBarBk.gif) repeat-x;
    color: #841700;
    padding: 4px 12px 8px 12px;
    margin-left: -2px;
    font-family: Garamond, Georgia, serif;
    font-weight: bold;
    }

    #navcontainer ul li.current_page_item a:hover,
    #navcontainer ul li.current_page_ancestor a:hover {
    text-decoration: none;
    }

    #navcontainer ul li a:hover {
    text-decoration: none;
    }

    #searchBar {
    clear: left;
    background: url(images/searchBarBk.gif) repeat-x;
    text-align: right;
    }

    #searchform {
    padding: 5px;
    }

    #s {
    border: 1px solid #bbb;
    }

    #searchsubmit {
    border: 1px solid #bbb;
    background: #fff url(images/buttonBk.gif) repeat-x;
    }

    #sidebar {
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    margin: 0;
    color: #011631;
    }

    #sidebar a {
    color: #736f44;
    }

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

    #sidebar ul li {
    background-color: #fefef6;
    margin: 0 0 13px 0;
    font-size: 0.85em;
    }

    #sidebar ul li h2 {
    margin: 0;
    background: url(images/yellowBarBk.gif) repeat-x;
    color: #3a3a3a;
    font-family: Garamond, Georgia, serif;
    font-size: 1.3em;
    padding: 3px 3px 3px 10px;
    }

    #sidebar ul li p,
    #sidebar ul li div {
    padding: 5px 10px 10px 10px;
    margin: 0;
    }

    #sidebar ul li table {
    padding-bottom: 5px;
    }

    #sidebar ul li table caption {
    padding: 5px 0 0 0;
    }

    #sidebar ul li ul {
    padding: 0.3em 0;
    }

    #sidebar ul li ul ul,
    #sidebar ul li ul ul ul,
    #sidebar ul li ul ul ul ul,
    #sidebar ul li ul ul ul ul ul {
    padding: 0;
    }

    #sidebar ul li ul li {
    font-size: 1em;
    padding: 0.2em 1em 0.2em 0;
    margin: 0 0 0 1em;
    }

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

    #sidebar ul li ul li a {
    text-decoration: none;
    background: url(images/sidebarBullet.gif) left center no-repeat;
    padding-left: 1em;
    }
    #sidebar ul li ul#themeswitcher li a,
    #sidebar ul li ul li.recentcomments a {
    background-image: none;
    padding-left: 0;
    }
    #sidebar ul li ul#themeswitcher li,
    #sidebar ul li ul li.recentcomments {
    background: url(images/sidebarBullet.gif) left center no-repeat;
    padding-left: 1em;
    }

    #sidebar ul li ul li a:hover {
    color: #863f09;
    }

    /* Calendar */
    #wp-calendar {
    width: 100%;
    }

    #wp-calendar th,
    #wp-calendar td {
    text-align: center;
    }

    #wp-calendar td#today {
    font-weight: bold;
    }

    h2.pagetitle {
    background: #fefef6 url(images/yellowBarBk.gif) repeat-x;
    margin: 0;
    color: #3a3a3a;
    font-family: Garamond, Georgia, serif;
    padding: 3px 3px 3px 10px;
    }

    #content {
    margin: 0 0 0 213px;
    padding: 0;
    }

    #contentinner {
    padding: 10px;
    font-size: 0.9em;
    line-height: 1.5em;
    }

    /* Post */
    .post h2.posttitle {
    padding: 0;
    margin: 0;
    float: center;
    font-size: 1.2em;
    text-decoration: none;
    }

    .post h2.posttitle a,
    .post h2.posttitle a:hover {
    text-decoration: none;
    color: #8e1901;
    }

    /* make your own sticky post styling */
    .sticky {
    }

    small.postmetadata {
    font-size: 0.85em;
    }

    ul.postmetadata {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0.85em;
    text-decoration: none;
    }

    ul li.tags {
    float: left;
    text-decoration: none;
    }

    ul li.comments {
    text-align: right;
    text-decoration: none;
    }

    div.divider {
    background: url(images/divider.gif) center center repeat-x;
    height: 47px;
    margin: 1em 0;
    }

    div.navigation {
    text-align: center;
    font-family: Garamond, Georgia, serif;
    padding: 0 0 2em 0;
    }

    div.commentnavigation {
    padding: 0;
    }

    #singlepost {
    background: url(images/commentBk.gif) center bottom repeat-x;
    padding: 10px 10px 49px 10px;
    margin: 0;
    font-size: 0.9em;
    text-decoration: none;
    line-height: 1.5em;
    }

    #commentwrapper {
    background: #dfd797 url(images/commentBottomBk.gif) center bottom repeat-x;
    padding: 0 15px 49px 15px;
    }

    #commentwrapper h2 {
    margin: 0;
    padding: 0.5em 0;
    }

    /* Comment */
    h2.commentheading {
    font-size: 1.2em;
    color: #fefef6;
    font-family: Garamond, Georgia, serif;
    }

    ol.commentlist {
    padding: 0;
    margin: 0;
    list-style: none;
    font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif;
    color: #3a3a3a;
    }

    ol.commentlist a {
    text-decoration: none;
    }

    img.avatar {
    border: 3px solid #fefef6;
    margin: 0 0.5em;
    }

    ol.commentlist li.commentind {
    padding: 0 0 2em 0;
    margin: 0;
    }

    ol.commentlist li.depth-1 {
    border-bottom: 0px double #fefef6;
    padding: 0 0 1em 0;
    margin-bottom: 1em;
    }

    ul.children {
    list-style: none;
    }

    ol.commentlist ul.children li.commentind {
    padding: 1em 0 0 0;
    }

    ol.commentlist li.commentind cite {
    font-style: normal;
    }

    p.commentsedit {
    font-size: 0.9em;
    margin: 0 0 0 0.5em;
    }

    .commentindheader {
    border-bottom: 1px dotted #fefef6;
    }

    .commentindheader img.avatar {
    float: left;
    }

    ol.commentlist li.legacyAlt .commentindheader {
    text-align: right;
    }

    ol.commentlist li.legacyAlt .commentindheader img.avatar {
    float: right;
    }

    ol.commentlist li.legacyAlt p.commentsedit {
    text-align: right;
    margin: 0 0.5em 0 0;
    }

    /* Comment form */
    form#commentform input,
    form#commentform textarea {
    border: 1px solid #bbb;
    }

    input#author,
    input#email,
    input#url {
    width: 60%;
    }

    textarea#comment {
    width: 90%;
    }

    input#submit {
    border: 1px solid #bbb;
    background: #fff url(images/buttonBk.gif) repeat-x;
    }

    #footer {
    clear: both;
    background: url(images/footerBk.gif) 60px top no-repeat;
    height: 108px;
    margin: 0 53px;
    font-family: Garamond, Georgia, serif;
    text-align: right;
    font-size: 1em;
    color: #a66117;
    }

    #footer p {
    margin: 0;
    padding: 0.9em;
    line-height: 1.5em;
    }

    #footer a {
    color: #a66117;
    }

    #footer a:hover {
    color: #cf7819;
    }

    div#recaptcha_widget_div {
    float: right;
    }

    /* WordPress required */
    .wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    }

    .wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
    }

    .wp-caption-dd {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
    }

    h3.subpages {
    padding: 1em 0 0.5em 0;
    margin: 0;
    }

    ul.subpages {
    padding: 0 0 0 1em;
    margin: 0 0 0 1em;
    list-style: square;
    }

    /* Formatting */
    fieldset {
    border: 1px solid #ccc;
    padding: 0 1em;
    margin: 0;
    }

    legend {
    color: #999;
    font-size: 1.1em;
    font-weight: bold;
    }

    hr {
    border: 0;
    color: #cfc887;
    background-color: #cfc887;
    }

    pre, code {
    width: 100%;
    overflow: auto;
    font-size: 1em;
    }

    .post table {
    width: 100%;
    border: 1px solid #ccc;
    border-top: 0;
    border-collapse: collapse;
    }

    .post table th,
    .post table td {
    border: 1px solid #ccc;
    border-bottom: 0;
    padding: .3em .5em;
    }

    .post table th {
    text-align: left;
    border-bottom: 2px solid #ccc;
    }

    p.loggedinAs {
    margin: 0;
    padding: 0;
    }

    a#cancel-comment-reply-link {
    display: block;
    margin-bottom: 1em;
    }

  2. design_dolphin
    Member
    Posted 4 years ago #

    The css property for links you are looking for is called:
    text-decoration: none

    Try a search in a search engine, and you should be able to find more.

  3. Christof
    Member
    Posted 4 years ago #

    yea I know that's what I already did but I can't find where to add it in the css or is it something in a php file?

  4. design_dolphin
    Member
    Posted 4 years ago #

    Just look for all things in your css file that start with 'a'

    So for example:
    a:link
    a:visited
    a:hover

    Please see a css tutorial for a complete list of css link declarations.

    You will have to do that for the different div's, if needed.

    In the future please only post the relevant code. People generally do not look through a page of code. It could be in the php file, but it usually isn't anymore. If you find all the 'a' tags in your css code, you should be able to figure it out. If not feel please feel free to get back if you are getting stuck.

    Edit:
    Also make sure your css validates, to make sure that is not causing problems. One place to validate your css code is at the W3C website:
    http://jigsaw.w3.org/css-validator/

  5. Christof
    Member
    Posted 4 years ago #

    thank you! the a: tip was the solution! I was anly searching for the text-decoration tag.

  6. design_dolphin
    Member
    Posted 4 years ago #

    Graag gedaan. ;-)

    (English translation: You're welcome)

Topic Closed

This topic has been closed to new replies.

About this Topic