chinhiunvun

Thank you for you reply.
What I have is:

#mainWrapper {
  background: url("images/bk_main_wrapper.png") repeat-x;
}

I deleted the “images/bk_main_wrapper.png”, the upper black bar disappeared, but not the black background. But once I deleted body.home before #content{...}, the black background disappeared.

How can I assign the home class to the body element on the home page by using the body_class() function? I may need the details a bit more coz I am an amateur. I googled it some info here. But that was in vain.
Thank you.

I found that the comment text on the upper right can be fixed by activating Facebook Comment plugin. The “Like” button of Facebook will push the comment text to the right place. But it supposed to be at the right place anyway.

If I add:

body.home #content {
  ...
}

The background color of the single posts will become black.
It is so weird to me. You can see here.

The background color of single posts should look like the pages.

Thank you.

Hi, Peredur,Thank you. It has some improvements!
I added:

#content {
  width: 70%;
}

but the slider was cut.
I added:

.postBox, .lastBox {
  margin: 50px 0;
  width:650px;
}

It works fine on homepage. Slider ok, post width 650px, space between posts ok.
But the page has a problem that the comment text was on the upper right. You can see here.

And now I can’t find a way to fix it. Maybe this is because of previous editing? not the attempt of this time?