• Hello,

    I have tried searching for this answer, but I have not found it.

    For site – https://www.airpersonalfitness.com

    I would like to eliminate the borders on the images in the side navigation
    column.

    I have tried to edit the css sheet as well as the page template where the image is by using noborder and border = 0 and border = none
    in the formats I have seen posted but there is not any change to the image.

    I greatly appreciate your help. This is all foreign to me.
    Thanks!

Viewing 9 replies - 1 through 9 (of 9 total)
  • Are you talking about the border, the drop shadow, or both?

    In any case, they are both styled in the same place: line 124 of style.css. Change border-style to ‘none’ to get rid of the border. Change background to ‘none’ to get rid of the drop shadow.

    a:link img, a:visited img, a:hover img, a:active img {
        background:url("images/shadow.gif") no-repeat scroll right bottom transparent;
        border-color:#EEEEEE -moz-use-text-color -moz-use-text-color #EEEEEE;
        border-right:0 none;
        border-style:solid none none solid;
        border-width:1px 0 0 1px;
        padding:4px 10px 10px 4px;
    }
    Thread Starter airpersonalfitness

    (@airpersonalfitness)

    Thank you for responding. I tried pasting yours to my style.css but it just created a formating error and did not fix the border or shadow (I was under the impression they were the same thing).

    Here is what mine looks like

    a:link img,
    a:visited img,
    a:hover img,
    a:active img {
    border: 0;
    background:0;
    background:url(images/shadow.gif) no-repeat right bottom;
    padding:4px 10px 10px 4px;
    border-top:#eee 1px solid;
    border-left:#eee 1px solid;
    }

    I appreciate your help!

    I did not mean for you to paste that code, sorry for the confusion.

    If you edit the code you pasted just now, and change background, border-top, and border-left to ‘none’, that should do the trick.

    Thread Starter airpersonalfitness

    (@airpersonalfitness)

    Thank you for working with me.

    Trying to follow your directions, this is what I did and it still didn’t work.

    }
    a:link img,
    a:visited img,
    a:hover img,
    a:active img {
    border: 0;
    background:0;
    background:url(images/shadow.gif) no-repeat right bottom;
    padding:4px 10px 10px 4px;
    border-top: none
    border-left: none;
    }
    I did it with and without a space, so I also tried

    }
    a:link img,
    a:visited img,
    a:hover img,
    a:active img {
    border: 0;
    background:0;
    background:url(images/shadow.gif) no-repeat right bottom;
    padding:4px 10px 10px 4px;
    border-top:none
    border-left:none;
    }

    Experimenting (I saved the current to a notepad), I switched all the borders to none – and it still didn’t correct the image.

    /*
    Theme Name: terrafirma
    Theme URI: https://www.freewpthemes.net/preview/terrafirma
    Description: Tested on WP2.5
    Version: 2.0
    Author: Free WordPress Themes
    Author URI: https://www.freewpthemes.net/
    Tags: fixed width, two columns, widgets
    */

    * {
    padding: 0px;https://airpersonalfitness.com/wp-admin/theme-editor.php?file=/themes/terrafirma/style.css&theme=terrafirma&a=te
    margin: 0px;
    }
    body {
    background: #F9F9F7 url(‘images/a1.gif’) repeat-x;
    font-size: 13px;
    font-family: “trebuchet ms”, helvetica, sans-serif;
    color: #0C7509;
    line-height: 18px;
    }

    hr {
    display: none;
    }

    a {
    color: #0C7509;
    text-decoration: none;
    }

    a:hover {
    text-decoration: none;
    }

    sup {
    font-size: 0.5em;
    }

    p {
    margin-bottom: 14px;
    text-align: justify;
    }

    img.picA {
    position: relative;
    top: -2px;
    background: url(‘images/a47.gif’) no-repeat;
    width: 76px;
    height: 74px;
    padding: 8px;
    }

    img.picB {
    position: relative;
    top: -2px;
    background: url(‘images/a26.gif’) no-repeat;
    width: 146px;
    height: 75px;
    padding: 7px;
    }

    img.floatleft {
    float: left;
    margin: 0px 14px 3px 0px;
    }

    /*******************************

    img { padding: 0px; margin: 0px; border: none;}
    https://airpersonalfitness.com/wp-admin/page-new.php

    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    }

    img.alignnone {
    padding: 0px;
    margin: 0px 0px 8px 0px;
    display: inline;
    }

    img.alignright {
    padding: 6px 0px 0px 0px;
    margin: 0px 0px 8px 6px;
    display: inline;
    }

    img.alignleft {
    padding: 6px 0px 0px 0px;
    margin: 0px 8px 6px 0px;
    display: inline;
    }

    *******************************/

    img {

    background:url(images/shadow.gif) no-repeat right bottom;
    padding:4px 10px 10px 4px;
    margin:0px 6px 0px 0px;
    border:0;
    border-top: none;
    border-left: none;
    }
    img.right {
    float: right;
    margin:10px 0 0 10px;
    }
    img.left {
    float: left;
    margin:0 10px 4px 0;
    }
    a:link img,
    a:visited img,
    a:hover img,
    a:active img {
    border: 0;
    background:0;
    background:url(images/shadow.gif) no-repeat right bottom;
    padding:4px 10px 10px 4px;
    border-top: none
    border-left: none;
    }
    img.wp-smiley, #wpstats, img.noborder, a img.noborder {
    background: none;
    border: 0;
    padding: 0;
    }

    a img.logolink {
    background: none;
    border: 0;
    padding: 0;
    }

    img.logolink {
    background: none;
    border: 0;
    padding: 0;
    }

    .logolink {
    margin: 0px 15px 5px 0px;
    background: none;
    border: 0;
    padding: 0;

    }

    #header a {
    background: none;
    border: 0;
    padding: 0;
    }

    #header a:hover {
    background: none;
    border: 0;
    padding: 0;
    }

    #header a img {
    background: none;
    border: 0;
    padding: 0;
    }

    .valid {

    text-align: left;
    margin: 0 auto;
    }

    #giraffe_calendar {

    text-align: center;
    margin: 0 auto;
    padding: 10px 0px 0px 0px;
    }

    .sharethis {

    text-align: left;
    margin: 0 auto;
    padding: 12px 0px 0px 0px;
    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left;
    }

    ul.linklist {
    list-style: none;
    }

    ul.linklist li {
    border-top: solid 1px #EEEEEE;
    padding-top: 5px;
    margin: 5px 0px 0px 0px;
    }

    ul.linklist li.first {
    border-top: 0px;
    margin-top: 0px;
    padding-top: 0px;
    }
    #upbg {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #fff url (‘images/upbg.gif’) no-repeat;
    width: 747px;
    height: 264px;
    z-index: 1;
    }

    #outer {
    position: relative;
    width: 747px;
    margin: 0 auto;
    background: #fff url(‘images/abg.gif’) repeat-y;
    }

    #inner {
    position: relative;
    padding: 13px 30px 13px 30px;
    z-index: 2;
    }

    #header {
    position: absolute;
    background: #FFFFFF url(‘images/logo.jpg’);
    width: 202px;
    height: 155px;
    color: #fff;
    padding-left: 20px;
    }

    #header span {
    font-weight: normal;
    }
    #header h1 {
    position: absolute;
    font-size: 22px;
    letter-spacing: -1px;
    top: 30px;
    line-height: normal;
    }

    #header h2 {
    position: absolute;
    font-size: 13px;
    font-weight: normal;
    color: #FCE2CA;
    top: 53px;
    }

    #header sup {
    color: #FCE2CA;
    }

    #splash {
    position: absolute;
    right: 30px;
    background: #FCE2CA;
    width: 458px;
    height: 155px;
    }

    #menu {
    position: relative;
    background: #003B12 url(‘images/a15.gif’) bottom repeat-x;
    height: 45px;
    padding: 0px 0px 0px 5px;
    margin: 160px 0px 15px 0px;
    }

    #menu ul {
    margin: 0px;
    padding: 0px;
    }

    #menu ul li {
    display: inline;
    line-height: 43px;

    padding-left: 0px;

    }

    #menu ul li a, #menu ul li a:visited {

    background-color: transparent;
    background-repeat: repeat-x;
    padding: 11px 14px 11px 14px;
    font-size: 13px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    }

    #menu ul li a:hover {

    border-right: solid 0px #FFFFFF;
    border-left: solid 0px #FFFFFF;
    background: #000000;
    padding: 11px 14px 11px 14px;
    font-size: 13px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    }

    #menu ul li.first {

    border-left: solid 0px #FFFFFF;
    border-right: solid 0px #FFFFFF;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    }

    /*******************************

    #menu .current_page_item {
    background: #fff url;
    padding: 11px 0px 11px 0px;
    font-size: 13px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;

    }

    *******************************/

    #menu .current_page_item a {
    background: #000000;
    padding: 11px 0px 11px 0px;
    font-size: 13px;
    text-decoration: none;
    color: #fff;

    }

    #date {
    position: absolute;
    top: 0px;
    line-height: 43px;
    color: #BDBDA2;
    right: 30px;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: -1px;
    }

    #sidebar h3 {
    position: relative;
    top: 4px;
    font-size: 16px;
    line-height: 25px;
    color: #656551;
    letter-spacing: -1px;
    background: url(‘images/a22.gif’) bottom repeat-x;
    padding: 0px 0px 10px 10px;
    margin-bottom: 20px;
    border: none
    }

    #sidebar h4 {
    position: relative;
    top: 4px;
    font-size: 13px;
    font-family: “trebuchet ms”, helvetica, sans-serif;
    font-weight: bold;
    color: #656551;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    border: none
    }

    #sidebar {
    position: relative;
    width: 180px;
    float: left;
    border: none
    }

    #sidebar h2 {
    position: relative;
    top: 4px;
    font-size: 17px;
    line-height: 10px;
    color: #656551;
    letter-spacing: -1px;
    background: url(‘images/a22.gif’) bottom repeat-x;
    padding: 8px 0px 12px 15px;
    margin-bottom: 5px;
    border: none
    }

    #sidebar .content {
    padding: 0px 0px 0px 0px;
    margin: 0px;
    }

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

    #sidebar li ul {
    display: inline;
    margin: 0px;
    padding: 0px;
    border: none
    }

    #sidebar li li {
    border-bottom: none;
    border-top: none;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    border: none
    }

    #sidebar li li a {
    display: block;
    font-size: 13px;
    color: #FFFFFF;
    background: #003B12;
    text-decoration: none;
    margin: 0px;
    padding: 6px 10px 6px 12px;
    border: none
    }

    #sidebar li li a:hover {
    color: #FFFFFF;
    font-size: 13px;
    background: #000000;
    text-decoration: none;
    border: none
    }

    /* Begin sidebar-left */
    #sidebar-left{float:left;width:180px;padding:15px 10px 0 0;text-align:center;}
    #sidebar-left h2{
    text-transform:uppercase;
    font-size:1.1em;
    color:#000000;
    border: none
    }
    #sidebar-left ul ul{margin-bottom:15px;}
    #sidebar-left ul ul li{margin-bottom:3px;}
    #sidebar-left ul ul li a{color:#E88B00;}
    #sidebar-left ul li {list-style-type: none;}
    #sidebar-left ul li {border: none;}

    /* End sidebar */

    #calendar table {
    width: 80%;
    margin: 0 15px;
    }

    #calendar tbody td {
    text-align: center;
    }

    #next {
    text-align: right;
    }

    #content {
    position: relative;
    width: 485px;
    float: right;
    }

    #content .content, .entry {
    padding: 0px 10px 0px 10px;
    margin-bottom: 20px;
    }

    #content .post {
    margin-bottom: 30px;
    }

    #content .post .header {
    position: relative;
    }

    #content .post .header h2, .pagetitle {
    position: relative;
    top: 4px;
    font-size: 20px;
    line-height: 22px;
    color: #000000;
    letter-spacing: -1px;
    background: url(‘images/a22.gif’) bottom repeat-x;
    padding: 0px 5px 10px 10px;
    margin-bottom: 15px;
    }

    #content .post .date {
    position: absolute;
    right: 15px;
    top: 0px;
    line-height: 35px;
    color: #AFAFA4;
    font-weight: bold;
    }

    #content .post .content {
    margin-bottom: 0px;
    }

    #content .post .content ul, #content .post .content ol {
    margin-bottom: 1em;
    list-style-position: inside;
    }

    #content .post .footer {
    position: relative;
    top: -10px;

    height: 50px;
    }

    #content .post .footer ul {
    list-style: none;
    position: absolute;
    right: 15px;
    bottom: 15px;
    }

    #content .post .footer ul li {
    display: inline;
    line-height: 14px;
    padding-left: 17px;
    margin-left: 25px;
    background-repeat: no-repeat;
    background-position: 0px 2px;
    }

    #content .post .footer ul li.printerfriendly {
    background-image: url(‘images/a41.gif’);
    }

    #content .post .footer ul li.comments {
    background-image: url(‘images/a36.gif’);
    }

    #content .post .footer ul li.readmore {
    background-image: url(‘images/a38.gif’);
    }

    .navigation {
    height: 20px;
    font-size: larger;
    font-weight: bold;
    }

    .navigation .alignleft {
    float: left;
    }

    .navigation .alignright {
    float: right;
    }

    #comment {
    width: 80%;
    }

    #footer {
    clear: both;
    padding: 20px 0;
    text-align: center;
    background: url(‘images/a50.gif’) repeat-x;
    color: #A8A88D;
    }

    #footer a {
    color: #8C8C73;
    }

    .pagenav {
    margin-top: 10px;
    }

    #searchfill {
    margin-top: 25px;
    }

    /* cmspm menu */
    #cmspm {
    margin: 0;
    width: 200px;
    font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
    }
    #cmspm * {
    padding: 0;
    margin: 0;
    outline: none;
    }
    #cmspm p {
    background-color: #242828;
    border-bottom: none;
    }
    #cmspm div {
    display: none;
    }
    #cmspm p a {
    display: block;
    padding: 4px 3px 5px 14px;
    border: none;
    font-size: 13px;
    color: #eb6f00;
    text-decoration: none;
    font-weight: bold;
    }
    #cmspm p a:hover, #cmspm p a:active, #cmspm p#cmspm-highlight a {
    background-color: #313130;
    }
    #cmspm a.cmspmsub {
    display: block;
    margin-left: 10px;
    padding: 2px 3px 4px 14px;
    border-bottom: none;
    font-size: 13px;
    color: #ddd;
    background-color: #242828;
    text-decoration: none;
    }
    #cmspm ul ul li a.cmspmsub {
    margin-left: 20px;
    }
    #cmspm ul ul ul li a.cmspmsub {
    margin-left: 30px;
    }
    #cmspm ul ul ul ul li a.cmspmsub {
    margin-left: 40px;
    }
    #cmspm ul a:hover {
    color: #1a1a1a;
    background-color: #eb6f00;
    }
    #cmspm a#cmspm-highlight, #cmspm a#cmspm-highlight:hover {
    color: #fedd74;
    background-color: #444;
    }
    /* ie6 fix */
    * html #cmspm p a, * html #cmspm li a {
    height: 0;
    }

    Thank you!

    Thread Starter airpersonalfitness

    (@airpersonalfitness)

    Thank you for working with me.

    Trying to follow your directions, this is what I did and it still didn’t work.

    }
    a:link img,
    a:visited img,
    a:hover img,
    a:active img {
    border: 0;
    background:0;
    background:url(images/shadow.gif) no-repeat right bottom;
    padding:4px 10px 10px 4px;
    border-top: none
    border-left: none;
    }
    I did it with and without a space, so I also tried

    }
    a:link img,
    a:visited img,
    a:hover img,
    a:active img {
    border: 0;
    background:0;
    background:url(images/shadow.gif) no-repeat right bottom;
    padding:4px 10px 10px 4px;
    border-top:none
    border-left:none;
    }

    Experimenting (I saved the current to a notepad), I switched all the borders to none – and it still didn’t correct the image.

    /*
    Theme Name: terrafirma
    Theme URI: https://www.freewpthemes.net/preview/terrafirma
    Description: Tested on WP2.5
    Version: 2.0
    Author: Free WordPress Themes
    Author URI: https://www.freewpthemes.net/
    Tags: fixed width, two columns, widgets
    */

    * {
    padding: 0px;https://airpersonalfitness.com/wp-admin/theme-editor.php?file=/themes/terrafirma/style.css&theme=terrafirma&a=te
    margin: 0px;
    }
    body {
    background: #F9F9F7 url(‘images/a1.gif’) repeat-x;
    font-size: 13px;
    font-family: “trebuchet ms”, helvetica, sans-serif;
    color: #0C7509;
    line-height: 18px;
    }

    hr {
    display: none;
    }

    a {
    color: #0C7509;
    text-decoration: none;
    }

    a:hover {
    text-decoration: none;
    }

    sup {
    font-size: 0.5em;
    }

    p {
    margin-bottom: 14px;
    text-align: justify;
    }

    img.picA {
    position: relative;
    top: -2px;
    background: url(‘images/a47.gif’) no-repeat;
    width: 76px;
    height: 74px;
    padding: 8px;
    }

    img.picB {
    position: relative;
    top: -2px;
    background: url(‘images/a26.gif’) no-repeat;
    width: 146px;
    height: 75px;
    padding: 7px;
    }

    img.floatleft {
    float: left;
    margin: 0px 14px 3px 0px;
    }

    /*******************************

    img { padding: 0px; margin: 0px; border: none;}
    https://airpersonalfitness.com/wp-admin/page-new.php

    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    }

    img.alignnone {
    padding: 0px;
    margin: 0px 0px 8px 0px;
    display: inline;
    }

    img.alignright {
    padding: 6px 0px 0px 0px;
    margin: 0px 0px 8px 6px;
    display: inline;
    }

    img.alignleft {
    padding: 6px 0px 0px 0px;
    margin: 0px 8px 6px 0px;
    display: inline;
    }

    *******************************/

    img {

    background:url(images/shadow.gif) no-repeat right bottom;
    padding:4px 10px 10px 4px;
    margin:0px 6px 0px 0px;
    border:0;
    border-top: none;
    border-left: none;
    }
    img.right {
    float: right;
    margin:10px 0 0 10px;
    }
    img.left {
    float: left;
    margin:0 10px 4px 0;
    }
    a:link img,
    a:visited img,
    a:hover img,
    a:active img {
    border: 0;
    background:0;
    background:url(images/shadow.gif) no-repeat right bottom;
    padding:4px 10px 10px 4px;
    border-top: none
    border-left: none;
    }
    img.wp-smiley, #wpstats, img.noborder, a img.noborder {
    background: none;
    border: 0;
    padding: 0;
    }

    a img.logolink {
    background: none;
    border: 0;
    padding: 0;
    }

    img.logolink {
    background: none;
    border: 0;
    padding: 0;
    }

    .logolink {
    margin: 0px 15px 5px 0px;
    background: none;
    border: 0;
    padding: 0;

    }

    #header a {
    background: none;
    border: 0;
    padding: 0;
    }

    #header a:hover {
    background: none;
    border: 0;
    padding: 0;
    }

    #header a img {
    background: none;
    border: 0;
    padding: 0;
    }

    .valid {

    text-align: left;
    margin: 0 auto;
    }

    #giraffe_calendar {

    text-align: center;
    margin: 0 auto;
    padding: 10px 0px 0px 0px;
    }

    .sharethis {

    text-align: left;
    margin: 0 auto;
    padding: 12px 0px 0px 0px;
    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left;
    }

    ul.linklist {
    list-style: none;
    }

    ul.linklist li {
    border-top: solid 1px #EEEEEE;
    padding-top: 5px;
    margin: 5px 0px 0px 0px;
    }

    ul.linklist li.first {
    border-top: 0px;
    margin-top: 0px;
    padding-top: 0px;
    }
    #upbg {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #fff url (‘images/upbg.gif’) no-repeat;
    width: 747px;
    height: 264px;
    z-index: 1;
    }

    #outer {
    position: relative;
    width: 747px;
    margin: 0 auto;
    background: #fff url(‘images/abg.gif’) repeat-y;
    }

    #inner {
    position: relative;
    padding: 13px 30px 13px 30px;
    z-index: 2;
    }

    #header {
    position: absolute;
    background: #FFFFFF url(‘images/logo.jpg’);
    width: 202px;
    height: 155px;
    color: #fff;
    padding-left: 20px;
    }

    #header span {
    font-weight: normal;
    }
    #header h1 {
    position: absolute;
    font-size: 22px;
    letter-spacing: -1px;
    top: 30px;
    line-height: normal;
    }

    #header h2 {
    position: absolute;
    font-size: 13px;
    font-weight: normal;
    color: #FCE2CA;
    top: 53px;
    }

    #header sup {
    color: #FCE2CA;
    }

    #splash {
    position: absolute;
    right: 30px;
    background: #FCE2CA;
    width: 458px;
    height: 155px;
    }

    #menu {
    position: relative;
    background: #003B12 url(‘images/a15.gif’) bottom repeat-x;
    height: 45px;
    padding: 0px 0px 0px 5px;
    margin: 160px 0px 15px 0px;
    }

    #menu ul {
    margin: 0px;
    padding: 0px;
    }

    #menu ul li {
    display: inline;
    line-height: 43px;

    padding-left: 0px;

    }

    #menu ul li a, #menu ul li a:visited {

    background-color: transparent;
    background-repeat: repeat-x;
    padding: 11px 14px 11px 14px;
    font-size: 13px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    }

    #menu ul li a:hover {

    border-right: solid 0px #FFFFFF;
    border-left: solid 0px #FFFFFF;
    background: #000000;
    padding: 11px 14px 11px 14px;
    font-size: 13px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    }

    #menu ul li.first {

    border-left: solid 0px #FFFFFF;
    border-right: solid 0px #FFFFFF;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    }

    /*******************************

    #menu .current_page_item {
    background: #fff url;
    padding: 11px 0px 11px 0px;
    font-size: 13px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;

    }

    *******************************/

    #menu .current_page_item a {
    background: #000000;
    padding: 11px 0px 11px 0px;
    font-size: 13px;
    text-decoration: none;
    color: #fff;

    }

    #date {
    position: absolute;
    top: 0px;
    line-height: 43px;
    color: #BDBDA2;
    right: 30px;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: -1px;
    }

    #sidebar h3 {
    position: relative;
    top: 4px;
    font-size: 16px;
    line-height: 25px;
    color: #656551;
    letter-spacing: -1px;
    background: url(‘images/a22.gif’) bottom repeat-x;
    padding: 0px 0px 10px 10px;
    margin-bottom: 20px;
    border: none
    }

    #sidebar h4 {
    position: relative;
    top: 4px;
    font-size: 13px;
    font-family: “trebuchet ms”, helvetica, sans-serif;
    font-weight: bold;
    color: #656551;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    border: none
    }

    #sidebar {
    position: relative;
    width: 180px;
    float: left;
    border: none
    }

    #sidebar h2 {
    position: relative;
    top: 4px;
    font-size: 17px;
    line-height: 10px;
    color: #656551;
    letter-spacing: -1px;
    background: url(‘images/a22.gif’) bottom repeat-x;
    padding: 8px 0px 12px 15px;
    margin-bottom: 5px;
    border: none
    }

    #sidebar .content {
    padding: 0px 0px 0px 0px;
    margin: 0px;
    }

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

    #sidebar li ul {
    display: inline;
    margin: 0px;
    padding: 0px;
    border: none
    }

    #sidebar li li {
    border-bottom: none;
    border-top: none;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    border: none
    }

    #sidebar li li a {
    display: block;
    font-size: 13px;
    color: #FFFFFF;
    background: #003B12;
    text-decoration: none;
    margin: 0px;
    padding: 6px 10px 6px 12px;
    border: none
    }

    #sidebar li li a:hover {
    color: #FFFFFF;
    font-size: 13px;
    background: #000000;
    text-decoration: none;
    border: none
    }

    /* Begin sidebar-left */
    #sidebar-left{float:left;width:180px;padding:15px 10px 0 0;text-align:center;}
    #sidebar-left h2{
    text-transform:uppercase;
    font-size:1.1em;
    color:#000000;
    border: none
    }
    #sidebar-left ul ul{margin-bottom:15px;}
    #sidebar-left ul ul li{margin-bottom:3px;}
    #sidebar-left ul ul li a{color:#E88B00;}
    #sidebar-left ul li {list-style-type: none;}
    #sidebar-left ul li {border: none;}

    /* End sidebar */

    #calendar table {
    width: 80%;
    margin: 0 15px;
    }

    #calendar tbody td {
    text-align: center;
    }

    #next {
    text-align: right;
    }

    #content {
    position: relative;
    width: 485px;
    float: right;
    }

    #content .content, .entry {
    padding: 0px 10px 0px 10px;
    margin-bottom: 20px;
    }

    #content .post {
    margin-bottom: 30px;
    }

    #content .post .header {
    position: relative;
    }

    #content .post .header h2, .pagetitle {
    position: relative;
    top: 4px;
    font-size: 20px;
    line-height: 22px;
    color: #000000;
    letter-spacing: -1px;
    background: url(‘images/a22.gif’) bottom repeat-x;
    padding: 0px 5px 10px 10px;
    margin-bottom: 15px;
    }

    #content .post .date {
    position: absolute;
    right: 15px;
    top: 0px;
    line-height: 35px;
    color: #AFAFA4;
    font-weight: bold;
    }

    #content .post .content {
    margin-bottom: 0px;
    }

    #content .post .content ul, #content .post .content ol {
    margin-bottom: 1em;
    list-style-position: inside;
    }

    #content .post .footer {
    position: relative;
    top: -10px;

    height: 50px;
    }

    #content .post .footer ul {
    list-style: none;
    position: absolute;
    right: 15px;
    bottom: 15px;
    }

    #content .post .footer ul li {
    display: inline;
    line-height: 14px;
    padding-left: 17px;
    margin-left: 25px;
    background-repeat: no-repeat;
    background-position: 0px 2px;
    }

    #content .post .footer ul li.printerfriendly {
    background-image: url(‘images/a41.gif’);
    }

    #content .post .footer ul li.comments {
    background-image: url(‘images/a36.gif’);
    }

    #content .post .footer ul li.readmore {
    background-image: url(‘images/a38.gif’);
    }

    .navigation {
    height: 20px;
    font-size: larger;
    font-weight: bold;
    }

    .navigation .alignleft {
    float: left;
    }

    .navigation .alignright {
    float: right;
    }

    #comment {
    width: 80%;
    }

    #footer {
    clear: both;
    padding: 20px 0;
    text-align: center;
    background: url(‘images/a50.gif’) repeat-x;
    color: #A8A88D;
    }

    #footer a {
    color: #8C8C73;
    }

    .pagenav {
    margin-top: 10px;
    }

    #searchfill {
    margin-top: 25px;
    }

    /* cmspm menu */
    #cmspm {
    margin: 0;
    width: 200px;
    font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
    }
    #cmspm * {
    padding: 0;
    margin: 0;
    outline: none;
    }
    #cmspm p {
    background-color: #242828;
    border-bottom: none;
    }
    #cmspm div {
    display: none;
    }
    #cmspm p a {
    display: block;
    padding: 4px 3px 5px 14px;
    border: none;
    font-size: 13px;
    color: #eb6f00;
    text-decoration: none;
    font-weight: bold;
    }
    #cmspm p a:hover, #cmspm p a:active, #cmspm p#cmspm-highlight a {
    background-color: #313130;
    }
    #cmspm a.cmspmsub {
    display: block;
    margin-left: 10px;
    padding: 2px 3px 4px 14px;
    border-bottom: none;
    font-size: 13px;
    color: #ddd;
    background-color: #242828;
    text-decoration: none;
    }
    #cmspm ul ul li a.cmspmsub {
    margin-left: 20px;
    }
    #cmspm ul ul ul li a.cmspmsub {
    margin-left: 30px;
    }
    #cmspm ul ul ul ul li a.cmspmsub {
    margin-left: 40px;
    }
    #cmspm ul a:hover {
    color: #1a1a1a;
    background-color: #eb6f00;
    }
    #cmspm a#cmspm-highlight, #cmspm a#cmspm-highlight:hover {
    color: #fedd74;
    background-color: #444;
    }
    /* ie6 fix */
    * html #cmspm p a, * html #cmspm li a {
    height: 0;
    }

    Thank you!

    You still did not change the background to ‘none’. Like this:

    a:link img,
    a:visited img,
    a:hover img,
    a:active img {
    border: 0;
    background:0;
    background: none;
    padding:4px 10px 10px 4px;
    border-top: none
    border-left: none;
    }

    Thread Starter airpersonalfitness

    (@airpersonalfitness)

    You are amazing! Thank you.

    That worked on most of my pages, but if possible, I would love to make it work on https://airpersonalfitness.com/trainer

    Regardless, I am so happy. Thank you!!!

    That’s coming from slightly higher up in your style.css file, around line 107. Once again, change the background to ‘none’:

    img {
    background:none;
    padding:4px 10px 10px 4px;
    margin:0px 6px 0px 0px;
    border:0;
    border-top: none;
    border-left: none;
    }

    Thread Starter airpersonalfitness

    (@airpersonalfitness)

    you are perfect!

    Thank you! I’ve been able to trial and error my way through a lot of great changes.

    If it is not trouble, I have a couple other problems that I would really appreciate help with.

    1. How to center the header titles

    2. Formatting issues – 2 in particular
    1. Lots of errors in internet explorer, some images don’t show
    and many spacing and color issues
    2. Lots of spacing (too much space) in the text on all browsers,
    it’s just that IE is the worst

    You have been so very helpful! Thank you!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Border on Images in Side Nav – how to get rid of’ is closed to new replies.