How to change the colour of the borders between posts etc

Since we re-installed the skin a few back, we ended up with a default white border round the posts. On a pale blue forum it doesn't really show, we did have it dark blue, but have forgotten how we did it the first time.

I have done a screen shot to show in case I am not clear enough in my post.


Please can some one advise me how to change the colour?

Thanks

??

i can barley see it.
what version are you using.. and if you have the link to the skin i can test it on my test forum.

Would it be easier if I posted the CSS?

The forum is using phpBB2

Code:


body {
   background-color: #3c8fb4;
   background-image: url("http://i31.servimg.com/u/f31/12/11/05/42/sans-t11.png");
   background-attachment: scroll;
        background-repeat: repeat-x;
   scrollbar-face-color: #dee3e7;
   scrollbar-highlight-color: #000000;
   scrollbar-shadow-color: #dee3e7;
   scrollbar-3dlight-color: #d1d7dc;
   scrollbar-arrow-color: #006699;
   scrollbar-track-color: #efefef;
   scrollbar-darkshadow-color: #98aab1;
   }
th,td,p {
    font-family: Verdana,Arial,Helvetica,sans-serif }
a img {
    border: none;
    }
a:link,a:active,a:visited {
    color : #000000;
    }
a:hover{
    text-decoration: underline;
    color : #494949;
    }
hr{
    height: 0px;
    border: solid #a7e1ff 0px;
    border-top-width: 1px;
   }
.bodyline{
    background-color: #8EC1D8;
    border: 1px #B6DDEE solid;
   }
.bodylinewidth {
   width:85%
        }
.forumline{
    background-color: #cedfff;
    border: 2px #eaf4ff solid;
    }
td.row1{
    background-color: #c0daff;
    }
td.row2{
    background-color: #c0daff;
    }
td.row3{
    background-color: #c0daff;
    }
td.rowpic {
   background-color: #9ad6ff;
   background-image: url("http://hitskin.com/themes/11/73/60/i_back_catd.png");
   }
th {
   color: #ffffff;
    font-size: 11px;
    font-weight : bold;
   background-color: #8baab9;
    height: 25px;
   background-image: url("http://hitskin.com/themes/11/73/60/i_back_catg.png");
   }
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   background-image: url("http://hitskin.com/themes/11/73/60/i_back_catg.png");
   background-color:#9ad6ff;
    border: #8299b0;
    border-style: solid;
    height: 28px;
   }
td.cat,td.catHead,td.catBottom {
   height: 29px;
   border-width: 0px 0px 0px 0px;
   }
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
   font-weight: bold;
    border: #ffffff;
    border-style: solid;
    height: 28px;
   }
td.row3Right,td.spaceRow {
   background-color: #c0daff;
    border: #8299b0;
    border-style: solid;
   }
td.pourcentback {
    background-color : #3c8fb4;
    }
th.thHead,td.catHead {
    font-size: 12px;
    border-width: 1px 1px 0px 1px;
    }
th.thSides,td.catSides,td.spaceRow {
    border-width: 0px 1px 0px 1px;
    }
th.thRight,td.catRight,td.row3Right {
    border-width: 0px 1px 0px 0px;
    }
th.thLeft,td.catLeft {
    border-width: 0px 0px 0px 1px;
    }
th.thBottom,td.catBottom {
    border-width: 0px 1px 1px 1px;
    }
th.thTop {
    border-width: 1px 0px 0px 0px;
    }
th.thCornerL {
    border-width: 1px 0px 0px 1px;
    }
th.thCornerR {
    border-width: 1px 1px 0px 0px;
    }
.maintitle, .maintitle h1{
   font-weight: bold;
    font-size: 22px;
    font-family: TrebuchetMS,Verdana,Arial,Helvetica,sans-serif;
   text-decoration: none;
    line-height : 120%;
    color : #000000;
   }
.maintitle h1 {
   margin: 0;
    padding: 0;
    display: inline;
   }
.gen {
    font-size : 12px;
    }
.genmed {
    font-size : 11px;
    }
.gensmall {
    font-size : 10px;
    }
.gen,.genmed,.gensmall {
    color : #000000;
    }
a.gen,a.genmed,a.gensmall {
    color: #000000;
    text-decoration: none;
    }
a.gen:hover,a.genmed:hover,a.gensmall:hover{
    color: #494949;
    text-decoration: underline;
    }
.mainmenu{
    font-size : 11px;
    color : #000000 }
a.mainmenu{
    text-decoration: none;
    color : #000000;
   }
a.mainmenu:hover{
    text-decoration: underline;
    color : #494949;
    }
.cattitle{
    font-weight: bold;
    font-size: 12px ;
    letter-spacing: 1px;
    color : #000000}
h1.cattitle {
   margin:0;
    padding: 0;
    display:inline;
   }
a.cattitle{
    text-decoration: none;
    color : #000000;
    }
a.cattitle:hover{
    text-decoration: underline;
    }
.forumlink{
    font-weight: bold;
    font-size: 12px;
    color : #CODAFF;
    }
a.forumlink {
    text-decoration: none;
    color : #CODAFF;
    }
a.forumlink:hover{
    text-decoration: none;
    color : #CODAFF;
    }
.nav{
    font-weight: bold;
    font-size: 11px;
    color : #000000;
    }
a.nav{
    text-decoration: none;
    color : #000000;
    }
a.nav:hover{
    text-decoration: underline;
    }
.topictitle,h1,h2{
    font-weight: bold;
    font-size: 11px;
    color : #000000;
    }
div.topictitle {
   display: inline;
   }
h2.topic-title {
   display: inline;
    margin: 0;
    padding: 0;
   }
a.topictitle:link{
    text-decoration: none;
    color : #000000;
    }
a.topictitle:visited{
    text-decoration: none;
    color : #000000;
    }
a.topictitle:hover{
    text-decoration: underline;
    color : #494949;
    }
.name{
    font-size : 11px;
    color : #000000;
   }

.postdetails{
    font-size : 10px;
    color : #000000;
    }
.postbody{
    font-size : 12px;
    line-height: 18px
        border : 1px solid blue;
}
a.postlink:link{
    text-decoration: underline;
    color : #00008B }
a.postlink:visited{
    text-decoration: underline;
    color : #00008B;
    }
a.postlink:hover{
    text-decoration: underline;
    color : #0000FF}
.code{
    font-family: Courier,CourierNew,sans-serif;
    font-size: 11px;
    color: #057500;
   background-color: #8fa4b9;
    border: #a7e1ff;
    border-style: solid;
   border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px}
.quote{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #040404;
    line-height: 125%;
   background-color: #B2DFEE;
    border: #a7e1ff;
    border-style: solid;
   border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px}
.copyright{
    font-size: 10px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #000000;
    letter-spacing: -1px;
   }
a.copyright{
    color: #000000;
    text-decoration: none;
   }
a.copyright:hover {
    color: #494949;
    text-decoration: underline;
   }
.coloradmin {
    color: #93076d}
.colormod {
    color: #057500}
h1.pagetitle {
   display: inline;
   margin: 0;
   padding: 0;
   font-size: 12px;
   color: #ffffff;
   }
h1.title2 {
   font-size: 11px;
   }
.secondarytitle,.secondarytitle h2 {
   margin: 0;
   padding: 0;
   color: #ffffff;
   }
.secondarytitle h2 {
   display:inline;
   }
.nav h1 {
   display: inline;
   }
.hierarchy {
   display: inline;
   text-transform: none;
   border: none;
   font-size: 10px;
   }
.mod-text {
   font-weight: bold;
   }
img{
   border:0}
input,textarea, select {
   color : #000000;
   font: normal 11px Verdana,Arial,Helvetica,sans-serif;
   border-color : #000000;
   }
input.post, textarea.post, select {
    background-color : #ffffff;
    }
input {
    text-indent : 2px;
    }
input.button {
   background-color : #c0daff;
   color : #000000;
   font-size: 11px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
   }
input.mainoption {
   background-color : #8fa4b9;
   font-weight : bold;
   }
input.liteoption {
   background-color : #8fa4b9;
   font-weight : normal;
   }
.helpline {
    background-color: #c0daff;
    border-style: none;
    }
input {
    background-color: #c0daff;
    }
button.button2, input.button2 {
   font-size: 0.7em;
   border: 1px solid #BCBCBC;
   width: auto !important;
   padding: 1px 0px;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   color: #000000;
   background-repeat: repeat-x;
   background-color: #FAFAFA;
   background-image: url('http://2img.net/i/fa/prosilver/bg_button.gif');
   background-position: top;
   overflow: visible;
   vertical-align:middle;
   }
button.button2:hover, input.button2:hover {
   border: 1px solid #494949;
   color: #494949;
   background-position: 0 100%;
   }
* html button.button2, * html input.button2 {
   padding-bottom: 0;
   margin-bottom: 1px;
   height: 24px;
   padding-right: 3px;
   padding-left: 3px;
   }
*+html button.button2, *+html input.button2 {
   height: 24px;
   padding-right: 3px;
   padding-left: 3px;
   }
*+html button.button2 img {
    vertical-align: middle;
    }
* html button.button2 img {
    vertical-align: middle;
    }
button.bbcode {
   border: 1px solid #e3adad;
   background-image: url("http://2img.net/i/fa/wysiwyg/bg_button.png");
   }
.select {
   background-color: #FFFFFF;
   border: 1px solid #BCBCBC;
   position: absolute;
   z-index: 999;
   top: 0;
   left: 0;
   overflow: hidden;
   width: 0px;
   }
.selectHover {
    cursor: pointer;
    background-color: #EEEEEE;
   }
.select p {
   padding: 4px 6px;
   font-size: 0.7em;
   margin: 0px;
   white-space: nowrap;
   text-align: left;
   }
.select button {
   padding: 4px;
   font-size: 0.9em;
   margin: 0px;
   background-color: #FFF;
   border: none;
   text-align:left;
   }
.select button.button2 {
   border:1px solid #BCBCBC;
   padding: 0px;
   }
* html .select button.button2 {
   padding-right: 3px;
   padding-left: 3px;
   }
.select button.button2:hover {
   border: 1px solid #494949;
   color: #494949;
   background-position: 0 100%;
   }
textarea#text_editor_textarea {
    width: 100% !important;
    }
iframe#text_editor_iframe {
   width: 100%;
   height: 200px;
   }
form#quick_reply textarea#text_editor_textarea {
   width: 100% !important;
   height: 100%;
   }
form#quick_reply iframe#text_editor_iframe {
    width: 100%;
    }
* html form#quick_reply iframe#text_editor_iframe {
    width: 600px;
    }
*+html form#quick_reply iframe#text_editor_iframe {
    width: 600px;
    }
#page-footer .gen strong {
   font-weight: normal;
   }
@import url("form_ie.css");
   @media print {
   body {
   background-image: none;
   background-color: #fff;
   color: #000;
   }
table.bodylinewidth span.maintitle {
   display: block;
   text-align: left;
   }
table.bodylinewidth img#i_logo,.browse-arrows,.noprint,.messaging,.post-options,.poster-profile,img.i_icon_online,table.bodylinewidth .mainmenu,table.bodylinewidth .nav,table.bodylinewidth .gensmall,span.postdetails img,table.bodylinewidth .sig,table.bodylinewidth .catbottom,#info_open {
   display:none;
   }
td.catHead, .t-title {
   text-align: left;
   }
table.bodylinewidth .cattitle {
   letter-spacing: normal;
    font-size: 1em;
   }
.thLeft,.thRight {
   color: #000;
    border: none;
    text-align:left;
   }
.hr hr {
    visibility: hidden;
    }
.hr {
   border-top: 1px dotted #ddd !important;
    }
tr.post td {
   vertical-align: top;
   border-bottom: 1px solid #ccc;
   }
tr.post td td {
   border: none;
   }
span.gen {
   display: none;
   }
}
ul.abuse {
   list-style: none;
   line-height: 1.5em;
   font-size: 0.9em;
   }
.rtl-spacer:before {
   content: " ";
   white-space: pre;
   }
.rtl-spacer:after {
   content: " ";
   white-space: pre;
   }
.warning {
   color:#ff3333;
   }
.captcha div.captcha-img {
   float: left;
   margin: 0 1em 0 0;
   }
.captcha .inputbox {
   margin-top: 0.5em;
   }
.center {
   text-align: center;
   }
.right {
   float: right;
   }
.left {
   float: left;
   }

/* TGF Clearfix */
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
   }
*+ html .clearfix {
   min-height: 1px;
   }
* html .clearfix {
   position: relative;
    height: 1%;
    clear: both;
   }
#page-footer {
   clear: both;
   }
#page-footer h3 {
    margin-top: 20px;
    }
#add-google {
    text-align: center;
    margin: 0 auto;
   }
#content-container #left {
   width: 0px;
   margin-right: px;
   }
#content-container #right {
   width: 0px;
   margin-left: px;
   }
.module-title {
   font-weight: bold;
   margin: 0 auto;
   text-align: center;
   display: block;
   }
#frame_chatbox {
   border: none !important;
   }

/* Chatbox */
#chatbox_members {
   position: absolute;
   top: 30px;
   bottom: 30px;
   width: 180px;
   overflow: auto;
   border-right: 1px solid ;
   }
#chatbox {
   position: absolute;
   top: 30px;
   left: 181px;
   right: 0;
   bottom: 30px;
   overflow: auto;
   line-height: 10px;
   }
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {
   font-size: 12px;
   }
#chatbox_footer {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   }
#chatbox_footer table.text-styles {
   float: right;
   }
#chatbox_footer .text-field {
   float: left;
   }
#chatbox_footer .chatfootertable {
   margin: 5px;
   }

/*Internet Explorer fixers and hacks for Chatbox*
/* html #chatbox-members {
   
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
   }
* html #chatbox {
   
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
   width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
   }
* html #chatbox-footer {
   
/* IE expressions helping IE work in Standards mode */
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
   

My other half can't remember what skin & he has modded it quite a bit.

I thought this would be any easy one for some of you guys, but my post is over a week old & we still haven't solved it. I going to try the search again, the answer must already be on here somewhere.

Hello,

Please try adding this code to your CSS...

Code:

.messaging , .browse-arrows {
border-top: 1px solid blue;
border-bottom: 1px solid blue;
}

Thanks for trying to help ankillien, I am not sure what that CSS code did, nothing that I can spot, The lines separating the the forums & posts are still white and barely noticable.

Here is another screen shot if this helps anyone:



This support forum is pale blue also with white, but the white borders are wider on this site, so the division shows up better. I would like ours dark blue.

The above code will change the post separating line colors.
Your CSS has a bug. First of all, put a } at the end of your CSS codes and then put the code I gave you.

Yes you are correct ankillien, it does have a bug. It is not from the code posted on the 26th April, that only got left off in the copying & pasting onto here, it is in the actual CSS style sheet on our forum. The thing is we can't find where the missing } should be. Will have another try to find it tomorrow.

EDIT: It worked briefly, but then I found out that display forum title was turned off for some reason, I turned it back on & it stopped working again.