Color of line separating posts

Here is the original thread I jumped into: http://help.forumotion.com/t103619-avatar-help-profile-pic

They last info I received before the thread was locked stated that I had the color of the line set as #000000(Black)
which would make sense for me not seeing the line but I have checked all of the #000000 and even changed them to
a bright yellow to help distinguish where it was. I have not had any luck in locating the correct color setting.

Here is a link to my forum to show where it looks like my post blend together in the black areas.

http://beaudogs.the-talk.net/t21-food-sign-up-for-2012

Bump

Hi,

I'm not understanding the problem really : /
What do you want to change, the yellow around your forum to some else? Can you explain a bit?

Nera. wrote:Hi,

I'm not understanding the problem really : /
What do you want to change, the yellow around your forum to some else? Can you explain a bit?

If you look at the link I posted, it's a current thread that I was testing in. It look as if all 3 of my posts are just one big continuation. Is there not a line that separates each post? If there is I wan't to change its color because it appears to be hidden or possibly black and I can't see it.

Dose that make sense?

You must edit it in css

yeah I think for the line "Admin Panel > Display > Pictures&Colors > Colors > Scroll down to Table Header > Body line Color, that's the seperating line. I think.

99nour wrote:yeah I think for the line "Admin Panel > Display > Pictures&Colors > Colors > Scroll down to Table Header > Body line Color, that's the seperating line. I think.

When I change this color, the only box that changes is the surrounding border of the entire forum. Do you think it's a template issue that possibly doesn't even have the line in its structure? If it indeed does not come with one, can someone explain to me how I can add one or if it's possible?

So, you can add in Javascript management:

Code:

$(function() {
$('.post').after('<hr class="hr-color">')
});

CSS Stylesheet:

Code:

hr.hr-color{
color: #color;
background-color: #color;
}

I hope I understanded the problem.

Gassy wrote:So, you can add in Javascript management:

Code:

$(function() {
$('.post').after('<hr class="hr-color">')
});

CSS Stylesheet:

Code:

hr.hr-color{
color: #color;
background-color: #color;
}

I hope I understanded the problem.

Add both?

Gassy wrote:So, you can add in Javascript management:

Code:

$(function() {
$('.post').after('<hr class="hr-color">')
});

CSS Stylesheet:

Code:

hr.hr-color{
color: #color;
background-color: #color;
}

I hope I understanded the problem.

You can do that with this CSS:

Code:


.post:after {
 color: #fff;
 background-color: #fff;
 height: 2px;
}

Though wouldn't it be better just to set a bottom border on the .post?

Code:


.post {
  border-bottom: 2px solid #fff;
}


LGforum wrote:

Gassy wrote:So, you can add in Javascript management:

Code:

$(function() {
$('.post').after('<hr class="hr-color">')
});

CSS Stylesheet:

Code:

hr.hr-color{
color: #color;
background-color: #color;
}

I hope I understanded the problem.

You can do that with this CSS:

Code:


.post:after {
 color: #fff;
 background-color: #fff;
 height: 2px;
}

Though wouldn't it be better just to set a bottom border on the .post?

Code:


.post {
  border-bottom: 2px solid #fff;
}


I used the bottom one and it works. Thanks for the help everyone!

This can be locked.