Centering Logo

I recently updated to invision

can you take the CSS and write code to center the forum logo??

also (hopefully at same time) I wish to center the header


i went to display---headers and navigation--- center logo and it still is not centered

http://www.castorblast.com


thanks in advance

I had that problem too and even centered the image via the CSS sheet and it did not work for me wither. There are a few glitches within the Invision Skins menaing that some of them cannot be changes/altered in any manner what-so-ever. I wished that I could help you on this. I did use the Invision grey which is one of the originals and I was able to do somethings with it that seemed neat and nice but overall it was difficult.

I'm finding that user submitted skins are the most difficult to change into something of your own when using Invision so you may want to try one of the originals/generic skins made by the Hitskin Staff and change it into something that you'd like.

hi,
seem this problem is weird. I mean if you guys used original invision skin, centering the logo & menu wouldn't be a problem. it can be done by adjusting it on ACP.

ACP :: Display :: Homepage :: Headers & Navigation

Logo positioning : 'Set it to CENTER'
menu positioning : 'Set it to CENTER' press SAVE.

You guys maybe need to checking custom CSS stylesheet also to make sure there is isn't any pre-existing code there.

here code for centering logo :

Code:

div#logostrip #logo {float: center;}

preview it HERE

lol i have it set to center but it still is not where ins the CSS would you put that code?

you can put it here :

ACP :: Display :: Pciture & color :: Color :: CSS Stylesheet

paste it on empty white box & dont forget to click on 'SUBMIT'

oops i have like 4 pages of css stuff on there (dont remember how or why i did it) but is was the only way I could get my forum to do what i needed to do.


is there a place or way to get CSS code?? i have looked on here and guess i have not found it. I have tried html code and noticed it does NOT work

hmm what do you mean by 4 pages of CSS code anyways ?
as long im aware it only got 1 pages of custom CSS on our admin panel

btw, you can view your forum CSS by click on 'See your forum basic CSS' on CSS Stylesheet.

btw if you dont mind, can share you custom CSS here? i try to look at it and see if anything wrong with it

* {
margin: 0;
padding: 0;
}

/*TGF ClearfixTony Aslett from http://www.csscreator.com*/
.clearfix:after,.ipbform2 dl:after,.maintitle:after {
content: ".";
display: block;
height: 0;
clear: both !important;
visibility: hidden;
}
*+ html .clearfix {
min-height: 1px;
clear: both;
}
* html .clearfix {
height: 1%;
clear: both;
}
*+ html .empty-clear {
line-height: 1px;
height: 1px;
}
* html .empty-clear {
line-height: 1px;
height: 1px;
}
.clear {
clear: both;
}

/*Defaults*/
body {
margin: 0 auto;
background-color: #ffffff;
background-image: url('https://2img.net/i/fa/m/background1.gif');
background-attachment: fixed;
color: #222222;
font-family: Arial,Verdana,Tahoma,sans-serif;
font-size: 14px;
line-height: 135%;
}
* html {

/* CSS properties only recognized by IE */
scrollbar-face-color: #;
scrollbar-highlight-color: #;
scrollbar-shadow-color: #;
scrollbar-3dlight-color: #;
scrollbar-arrow-color: #;
scrollbar-track-color: #;
scrollbar-darkshadow-color: #;
}
*+ html {

/* CSS properties only recognized by IE */
scrollbar-face-color: #;
scrollbar-highlight-color: #;
scrollbar-shadow-color: #;
scrollbar-3dlight-color: #;
scrollbar-arrow-color: #;
scrollbar-track-color: #;
scrollbar-darkshadow-color: #;
}
img {
border: none;
vertical-align: middle;
}
a:link {
color: #000000;
text-decoration:underline;
}
a:visited {
color: #666666;
text-decoration:underline;
}
a:hover {
color: #b42000;
}
a:active {
color: #464c55;
text-decoration:underline;
}
a:focus {
color: #000000;
}
*+ html body {
min-width: 989px;
overflow-x: hidden !important;
}
* html .minwidth_IE {

/* Hack IE min-width */
padding-left: 1089px;
}
* html .container_IE {

/* Hack IE min-width */
margin-left: -1089px;
position: relative;
}
* html .minwidth_IE, * html .layout_IE, * html .container_IE {

/* Hack IE min-width */
height: 1px;
}

/* ***************************Header*************************** */

div#logostrip {
min-height: 68px;
background-image: url('https://2img.net/i/fa/empty.gif');
background-repeat: repeat-x;
text-align: left;
}
*+ html div#logostrip {
min-height: 70px;
}
div#logostrip #logo {
display: block;
margin: 0 10px;
float: left;
}
div#logostrip #main-title,div#logostrip #main-title h1 {
padding-top: 25px;
font-size: 24px;
font-weight: bold;
font-family: Arial,Verdana,Tahoma,sans-serif;
}
div#logostrip #main-title h1 {
padding-top: 0;
}
#site-desc {
margin: 8px;
}

/* Submenu */
#submenu {
padding: 0.5em 0 0.65em;
text-align: right;
}
*+ html #submenu {
padding: 0;
}
* html #submenu {
padding: 0;
}
#submenu ul {
list-style: none;
text-align: left;
}
#submenu ul li {

/*line-height: 2em;
*/
}
#submenu ul li a {
padding: 0.5em 1em 0.65em 0;
margin: 0.5em 1em 0.65em 0;
text-decoration: none;
}
*+ html #submenu ul li a {
display: inline-block;
}
* html #submenu ul li a {
display: inline-block;
}

/*#submenu ul li a img {
display: none;
}
*/
#userlinks {
padding: 0.5em;
font-size: 0.9em;
}
#userlinks.not-connected {
text-align: center;
}
#userlinks.not-connected span {
margin: 0 0.25em;
}
#userlinks.not-connected .guest {
font-weight: bold;
}
#userlinks p.home {
float: left;
margin-left: 0.5em;
}
#userlinks p.home a {
font-weight: bold;
}
#userlinks ul {
float: right;
list-style: none;
}
#userlinks ul li {
float: left;
margin: 0 0.25em;

/* Spacing between generation dot */
}
#userlinks ul li:after {
content: ' .';

/* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */
}
#userlinks ul li a {
margin-right: 0.25em;

/* Spacing between generation dot */
text-decoration: underline;
}
#userlinks ul li.last:after {
content: normal;
}
#ipbwrapper {
margin: 0px auto;
text-align: left;
width: px;
min-width: 957px;
padding: 5px;
}
#navstrip {
list-style: none;
margin: 0 0 1em;
font-weight: bold;
}
#navstrip li {
float: left;
margin: 0 5px;
padding-left: 13px;
background: url('https://2img.net/i/fa/invision/breadcrumb-arrow.gif') no-repeat left 50%;
}
#navstrip li.begin {
padding-left: 15px;
background: url('https://2img.net/i/fa/invision/nav.gif') no-repeat left 50%;
}
#navstrip li a {
text-decoration: none;
font-weight: bold;
}
div.newslink {
margin: 0.8em 0;
padding: 0.5em;
font-size: 11px;
}
div.newslink p.date {
font-size: 10px;
margin: 0 0 5px 0;
}
div.newslink .h3 {
font-weight: bold;
}

/* **************************************************************************Most stable Standards-compliant 3-column layout by Ryan Brillhttp://www.alistapart.com/articles/negativemargins
/************************************************************************** */
#content-container div#container {
width: 100%;
float: left;
margin-right: -9px;
}
#content-container div#content {
margin-right: 9px;
}
#content-container div#main {
margin-bottom: 1em;
overflow: hidden;

/* Fixes 3-column negative margins float clearing bug: http://archivist.incutio.com/viewlist/css-discuss/97678 Thanks Georg! */
}
*+ html #content-container div#main {
margin-left: 189px;
}
#content-container div#left {
width: 180px;
float: left;
margin-right: 9px;
overflow: hidden;
}
#content-container div#right {
width: 0px;
float: right;
overflow: hidden;
}
* html #content-container #main-content {

/* FIX for IE6... For some reason, if we insert comment before this series, the star html hack don't work no more... ?? */
overflow: visible;
margin-right: 189px;
}
* html #content-container div#main {

/* FIX for IE6 */
margin-right: -99%;
width: 100%;
float: left;
}

/*IPB BOXES*/
div.borderwrap,.borderwrapm {
padding: 1px;
}
* html div.borderwrap,* html .borderwrapm {
zoom: 1;
}
div.maintitle {
vertical-align: middle;
padding: 8px 8px 8px 15px;
background-image: url("https://2img.net/i/fa/empty.gif");
background-repeat: repeat-x;
}
* html div.maintitle {
zoom: 1;
}

/* Fixes IE6 Peekaboo bug */
div.maintitle h2,div.maintitle h3,div.maintitle div.toggle {
font-size: 13px;
}
.maintitle.floated h2,.maintitle.floated h3,.maintitle.floated div.toggle {
float: left;
}
.maintitle div.toggle {
font-weight: bold;
}
div.maintitle .expand,div.maintitle .contract {
float: right;
width: 10px;
height: 10px;
background: url('https://2img.net/i/fa/invision/exp_minus.gif') no-repeat 50% 50%;
cursor: pointer;
}
div.maintitle .expand {
background: url('https://2img.net/i/fa/invision/exp_plus.gif') no-repeat 50% 50%;
}
* html div.maintitle .expand,* html div.maintitle .contract {
line-height: 0.1em;
cursor: hand;
}
*+ html div.maintitle .expand,*+ html div.maintitle .contract {
cursor: hand;
}
div.maintitle .expand a,div.maintitle .contract a {
text-decoration: none;
}
.borderwrap .subtitle {
padding: 5px;
font-size: 12px;
font-weight: bold;
}
.borderwrap .subtitle.cleared {
clear: both;
}
.borderwrap p.subtitled {
padding: 5px;
}
.borderwrap .msg {
padding: 0.5em;
}
.subtitle.posting-code {
margin: -0.5em;
}
.title-options {
float: right;
}

/*Box content*/
.box-content div.agreement {
padding: 0.5em;
}
*+ html .agreement {
border: none;

/* fix IE7 bug */

}
.agreement h2.u {
margin: 0.5em 0 1em 0;
}
.box-content fieldset.submit {
padding: 0.5em !important;
}
div.box-content.error {
border-bottom: none;
}
div.box-content.error p {
padding: 5px;
}
.maintitle.floated.dropped {
position: relative;
}
.member-header {
}
.popmenubutton {
float: right;
height: 22px;
}
.popmenubutton a {
display: block;
padding: 2px 16px 2px 8px;
background-image: url('https://2img.net/i/fa/invision/menu_action_down.gif');
background-position: 97% 50%;
background-repeat: no-repeat;
font-size: 11px;
font-weight: bold;
text-align: center;
white-space: nowrap;
text-decoration: none;
}
* html .popmenubutton a {
text-decoration: none !important;
}
*+ html #topicmenu-options.popmenubutton a {
background-position: 90% 50%;
}
* html #topicmenu-options.popmenubutton a {
background-position: 90% 50%;
margin-bottom: -13px;
margin-top:-3px;
}
.popmenubutton p.left-overview a {
display: inline !important;
padding: 0 !important;
background: transparent !important;
border: none !important;
}
.popupmenu {
list-style: none;
width: 200px;
font-size: 11px;
}
.post .popupmenu {
position: absolute;
top: 29px;
z-index: 100;
}
* html .post .popupmenu {
left: 1.5em;
}
#forummenu-options_menu.popupmenu {
position: absolute;
top: 30px;
right: 8px;
z-index: 100;
}
.member .popupmenu {
position: absolute;
z-index: 100;
}
.popupmenu .avatar {
float: right;
margin: 5px;
width: 50px;
height: 50px;
background: url('https://2img.net/i/fa/invision/pp-blank-thumb-50px.png') no-repeat;
}
.popupmenu .avatar img {
display: block;
width: 50px;
height: 50px;
}
.popupmenu ul {
padding: 0.5em;
list-style: none;
}
.popupmenu li a.profile-icon {
display: block;
float: left;
width: 30px;
margin: 0 0.5em 0 0;
text-align: center;
}
.popupmenu li {
display: block;
padding: 0.5em 0.5em;
background-image: url('https://2img.net/i/fa/invision/menu_item.gif');
background-repeat: no-repeat;
background-position: 2px 50%;
text-decoration: none;
white-space: nowrap;
}
.popupmenu li a {
text-decoration: none;
}
ul.popupmenu li.popupmenu-category {
padding: 0.5em;
text-align: center;
font-weight: bold;
letter-spacing: 1px;
background-image: none;
}
.popupmenu .last {
border-bottom: none;
}
.popup {
margin: 1em;
}
.popup .popup-msg {
margin: 1em;
}

/* IPB Tables */
table.ipbtable {
width: 100%;
empty-cells: show;
}
* html table.ie6-tbl {
}
*+ html table.ipbtable {
border-collapse: collapse;

/* Helps display empty-cells in IE.x */
}
* html table.ipbtable {
border-collapse: collapse;

/* Helps display empty-cells in IE.x */
}
table.ipbtable.index-box {
width: 100%;
table-layout: fixed;
}
table.index-box td {
height: 45px;
}
table.ipbtable th {
padding: 5px;
text-align: center;
background-image: url("https://2img.net/i/fa/empty.gif");
background-repeat: repeat-x;
}
table.ipbtable th.formsubtitle,.formsubtitle {
border: none;
text-align: left;
}
table.ipbtable th.icon {
text-align: center;
width: 1%;
empty-cells: show;
}
table.ipbtable.search th.forum {
width: 14%;
}
table.ipbtable th.forum {
text-align: left;
width: 60%;
}
table.ipbtable th.forum2 {
text-align: left;
width: 50%;
}
table.ipbtable th.topics,table.ipbtable th.replies,table.ipbtable th.views {
width: 8%;
}
table.ipbtable th.last-post {
width: 35%;
}
table.ipbtable th.last-post2 {
width: 22%;
}
table.ipbtable th.starter {
width: 14%;
}
table.ipbtable .last {
border-right: none;
}
table.ipbtable tfoot td {
font-size: 3px;
height: 10px;
}
table.ipbtable td {
padding: 5px;
vertical-align: top;
}
table.ipbtable td.icon {
height: 38px;
vertical-align: top;
}
* html table.ipbtable td.icon {
position: static;
}
table.ipbtable img.icon {
float: left;
}
table.ipbtable span.status {
position: absolute;
}
table.ipbtable .forum-name h3 {
font-size: 12px;
}
table.ipbtable td .par {
text-align: left;
}
.hierarchy {
display: inline;
font-size: inherit;
font-weight: inherit;
}
*+ html .hierarchy {
font-size: 12px;
font-weight: bold;
}
* html .hierarchy {
font-size: 12px;
font-weight: bold;
}
table.ipbtable .forum-name a {
font-weight: bold;
}
table.ipbtable .forumdesc {
font-size: 11px;
}
table.ipbtable .mods {
text-align: left;
}
.centered {
text-align: center;
}
.thin {
line-height: 150%;
margin: 2px 0pt;
padding: 6px 0pt;
}
.view-online th {
text-align: left;
}
.view-online th.name {
width: 50%;
}
.online-explain {
margin: 5px;
font-size: 0.8em;
}
.row1.centered.author b {
font-weight: normal;
}
.ipbtable .date {
font-size: 80%;
}
.last-post-icon {
margin: 0 0.25em;
}
table.posting-table td {
padding: 3px;
border: 1px solid #ccc;
border-collapse: collapse;
}

/*Forms*/
.ipbform fieldset {
margin: 0.5em;
padding: 0 1em 1em;
}
.ipbform fieldset legend {
margin: 0;
padding: 0 0.5em;
font-weight: bold;
}
.ipbform fieldset label {
display: block;
}
div.errorwrap,div.infowrap {
margin: 0 5px 5px;
}
div.errorwrap h4,div.infowrap h4 {
padding: 5px;
font-size: 12px;
font-weight: bold;
}
div.errorwrap p,div.infowrap p {
padding: 8px;
}
div.input-warn-content {
display: none;
margin: 4px;
padding: 4px;
}
fieldset {
border: none;
}
.button,.mainoption {
padding: 0 5px;
font-size: 10px;
cursor: pointer;
}
a.button {

/*margin: -15px 0 0 0;
*/
padding: 1px 5px 0 5px;
text-decoration: none;
line-height: 1em;
font-size: 11px;
}
.formbuttonrow {
margin: 0;
padding: 5px;
border: none !important;
}
.columned fieldset.formcolumn1 {
float: left;
width: 45%;
}
.columned fieldset.formcolumn2 {

float: left;
width: 45%;
}
.ipbform fieldset.signature {
margin: 1.5em;
padding: 1em;
}
.ipbform2 .box-content {
padding: 0;
}
.ipbform2 dl {
float: left;
width: 100%;
clear:left;
}
.ipbform2 dl dt {
display: block;
float: left;
width: 230px;
}
.ipbform2 dl dt label {
display: block;
width: 210px;
padding: 12px 10px 0 10px;
font-weight: bold;
}
.ipbform2 dl dd {
display: block;
margin-left: 250px;
padding: 10px;
}
*+ html .ipbform2 dl dt,*+ html .ipbform2 dl dd {
min-height: 1px;
}
*+ html .ipbform2 dl dd {
margin-left: 0;
}
*+ html .dd-options {
margin-left: 230px !important;
}
* html .dd-options {
margin-left: 233px !important;
}
* html .ipbform2 dl dt,* html .ipbform2 dl dd {
height: 1%;
}
* html .ipbform2 dl dd {
margin-left: 0;
}
.ipbform2 dl dd label {
margin: 0 1em 0 0;
}
.ipbform2 dl dd input {
margin: 0 0.5em 0 0;
}
.separator {
line-height: 1px;
height:1px;
}
.ipbform2 fieldset.captcha {
margin: 0.5em;
padding: 0 1em 1em;
}
.ipbform2 fieldset.captcha legend {
padding: 0 0.5em;
}
.ipbform2 fieldset.captcha label {
display: block;
}
.ipbform2 fieldset.captcha .desc {
font-size: 0.8em;
}
.ipbform2 fieldset.captcha .captcha-field {
float: left;
width: 30%;
padding: 1em 0;
}
.ipbform2 fieldset.captcha .captcha-images {
float: left;
padding: 2em;
}
.ipbform .desc,.ipbform2 .desc {
font-size: 0.9em;
font-weight: normal;
}
.borderwrap .padded {
margin: 0.25em;
}
.borderwrap fieldset.in-padding {
padding: 0;
}

/* **********************Posting block********************** */
.posting-subject {
width: 65%;
}
.messaging-box {
margin-top: 10px;
padding: 10px;
overflow: hidden;
}
* html .messaging-box {

/* Fixes Funky IE6 bug where textarea grows out of bounds when a message is typed in. */
float:left;
}
* html .simple .posting-block {
width: 99%;
}
*+ html .messaging-box textarea {
width: 97% !important;
}
.messaging-box fieldset dl,.messaging-box fieldset dd {
background-color: transparent;
}
.messaging-box fieldset dd {
margin: 0 !important;
}
.messaging-box fieldset dt {
width: auto;
}
#preview .content {
padding: 4px;
}
#smiley-box {
float: left;
width: 220px;
margin: 0 10px 10px;
padding: 10px;
min-width: 220px;
}
#smiley-box .smiley-container object {
width: 220px;
}
*+ html #smiley-box {
margin-top: 10px;
}
* html #smiley-box {
margin-top: 10px;
display: inline;

/* margin doubling bug */
}
.helpline {
display: block;
height: 1.2em;
}
.textarea-info {
float: left;
padding: 0.5em 0;
font-size: 0.8em;
}
.exthelp,.rte-menu-button {
float: right;
height: 16px;
margin: 0.5em;
padding: 3px 5px 3px 25px;
background-image: url("https://2img.net/i/fa/invision/rte-bbcode-help-sm.png");
background-repeat: no-repeat;
background-position: 2% 50%;
font-size: 10px;
text-decoration: none !important;
}
.rte-menu-button {
float: left;
background-image: url("https://2img.net/i/fa/invision/rte-toggle-options.png");
}
.p-box {
padding: 5px;
}

/*Smileys*/
.smiley-selector {
padding: 0.35em;
text-align: center;
}
.smiley-element {
margin: 10px;
}
.smiley-element img {
margin: 0 15px 10px 0;
}
.smiley-element {
overflow-x: auto;
}

/*Poll*/
.poll,.polls h4 {
font-size: 11px;
}
.borderwrapm {
margin: 5px;
}
.poll .poll-choice {
clear: both;
margin: 0.5em 0;
}
.poll fieldset {
margin: 1em;
}
.polls {
margin: 4px;
font-family: Arial,Verdana,Tahoma,sans-serif;
font-size: 0.9em;
}
.polls .row1 {
padding: 4px;
font-weight: bold;
}
.polls dl {
margin: 1em;
padding: 5px 0 0 0;
line-height: 120%;
}
.polls dt {
text-align: left;
float: left;
display: block;
width: 30%;
border-right: none;
padding: 0;
margin: 0;
font-size: 1.1em;
}
.polls dd {
float: left;
}
.polls dd em {
font-weight: bold;
font-style: normal;
}
.polls dd.number-votes {
margin: 0 0.5em;
width: 4em;
text-align: center;
}

/*Login form*/
div.login fieldset label {
float: left;
width: 11em;
margin: 0.5em 0;
}
div.login fieldset input {
margin: 0.5em 0;
}
div.login fieldset.formcolumn2 label {
display: inline;
float: none;
}
div.login fieldset.formcolumn2 input {
margin: 0 0.5em 0 0;
}
div.box-content.resend-pwd {
border-bottom: none;
}
.login .errorwrap {
margin: 5px;
}
.login fieldset.formbuttonrow {
margin: 0;
padding: 5px;
}

/*Topic footer forms*/
.tfooter {
padding: 0.5em;
}
.search-footer-box {
float: left;
width: 45%;
}
.search-footer-box input {
margin: 0;
font-size: 0.8em;
}
.mod-forum-toolbox {
float: right;
width: 45%;
text-align: right;
}
.captcha-img {
margin: 5px;
vertical-align: middle;
}
.captcha {
margin: 10px 5px;
}

/*Quick Search*/
#search_menu {
padding: 5px;
font-size: 11px;
}
#search_menu table .thHead,#search_menu hr {
display: none;
}
#search_menu table td.row2 {
background-color: transparent;
border: none;
}
#search_menu input.post {
margin-top: 0 !important;
}
#search_menu table tr td input.button {
margin: 5px 0 0 0;
}
#search_menu span.genmed {
display: block;
padding: 5px;
}
div.module.advanced-search .box-content {
padding: 0;
}
.search-padding {
padding: 5px;
}
.advanced-search .search-footer{
padding: 3px;
text-align: center;
font-size: 0.8em;
}

/*Memberlist*/
.memberlist fieldset {
padding: 1em;
}
.borderwrap.member-list {
margin-bottom: 4em;
}
div.centerer {
display: table;
margin: 0 auto;
white-space: nowrap !important;
text-align: center;
}
.member {
float: left;
width: 22%;
margin-right: 10px;
margin-bottom: 10px;
padding: 5px;
}
.member-list .popmenubutton {
width: 100%;
height: auto;
}
* html .member span.membername {
float: left;
word-wrap: break-word !important;
}
*+ html .member span.membername {
float:left;
word-wrap: break-word !important;
white-space: normal;
}
.member-list .popmenubutton .mini-avatar {
display: block;
float: right;
margin: 5px 5px 5px 5px;
background: url('https://2img.net/i/fa/invision/pp-blank-thumb-38px.png') no-repeat;
width: 38px;
height: 38px;
}
.member .popupmenu li {
background-image: none;
}
.member-list .popmenubutton .mini-avatar img {
width: 38px;
height: 38px;
}
.member p {
font-size: 10px;
height: 7em;
overflow: auto;
}
.search-filter {
float: left;
margin: 5px;
font-size: 11px;
}
.search-filter dt,.search-filter dd {
float: left;
margin: 3px 3px 0 3px;
vertical-align: middle;
}
.search-filter select {
font-size: 10px;
}
.centerer del {
text-decoration: none;
display: inline-block;

thats the first half lol if you want to see the whole thing shoot me a pm with your email and I will gladly send it back to you and maybe you can find a fault or two!!

hi,
this CSS were on custom CSS Stylesheet right? or you just copy it from your forum basic CSS

hmmmm interesting i dunno?? when i click basic css it opens notebook with a bunch of jibberish

gosh, what i mean here is just share you custom CSS only, not your full CSS code T_T.

try go back here:

ACP :: Display :: Pciture & color :: Color :: CSS Stylesheet

look if there is any code on white box there. If is, copy it and sent it here

that is the code in the white box!!

sorry then ,
btw, it is troublesome to find correct css code for you there.

You need to remove all current CSS and just spare needed code to keep your current forum look. but first you have to BACKUP that css on notepad or something incase something goes wrong.

Delete all current CSS and replace it with this :

Code:

body {
margin: 0 auto;
background-color: #ffffff;
background-image: url('http://2img.net/i/fa/m/background1.gif');
background-attachment: fixed;
color: #222222;
font-family: Arial,Verdana,Tahoma,sans-serif;
font-size: 14px;
line-height: 135%;
}

i still need you to find this code on your CSS and paste it here :

Code:

row1 { .... }
row2 { .... }
row3 { .... }

this gonna needed to track back your current forum background & table color.

As again, If you not sure about this its better you just change your current theme by visiting http://en.hitskin.com/

good luck