MyBB Community Forums

Hello,

I'm trying to integrate MyBB with a custom website template. Nearly there, just ironing out a few issues here and there. One thing I cannot suss out is the forum being slightly too streched it goes over my website background. Please see the image to understand better, any help will be very much appreciated.

Can you please provide the URL of your website?

you could style it in your theme settings

#page {
	margin:auto;
	text-align: left;
	position:relative;
}

.page {
	width:(adjust this here)px;
}

What ever template you're using you can search for "width:" and scrub through it's global.css until you find what looks like the a general width setting for the forum.

Currently it looks like your width is set to 789.. if this is the case you may be able to click edit find on your browser while in the template global.css to find that value and alter it.

Here this is from your global.css:

}
#wrap {
    background: url("../../../images/content.jpg") repeat-y scroll center top #CCCCCC;
    margin: 0 auto;
    text-align: left;
    width: 790px;
}
#content-wrap {
    clear: both;
    margin: 1px auto;
    padding: 0;
    width: 760px;
}
#menu {
    background: url("../../../images/menu.jpg") no-repeat scroll 0 0 #81C524;
    clear: both;
    font: bold 16px/40px "trebuchet MS",Arial,Tahoma,Sans-serif;
    height: 40px;
    margin: 0 auto;
    padding: 0;
    width: 790px;
}
#main {
    background: url("../../../images/box.jpg") no-repeat scroll 0 0 transparent;
    display: inline;
    float: left;
    margin: 0;
    padding: 20px 0 0;
    width: 555px;
}
#footer {
    background: url("../../../images/footer.jpg") no-repeat scroll center top #CACED1;
    clear: both;
    color: #C6DDEE;
    font-size: 90%;
    height: 57px;
    text-align: center;
    width: 790px;
}
#sidebar {
    color: #777777;
    float: right;
    margin: 10px 0 0;
    padding: 0;
    width: 195px;
}

Above are the ones with pixel values
#wrap and #menu is your nav menu

I see it now!
Change the tborder's width to 99%:

}
.tborder {
    background: none repeat scroll 0 0 #81A2C4;
    border: 1px solid #0F5C8E;
    margin: auto;
    width: 99%;
}

that should work.

You sir, are a genius, I would have never have even thought about it.

You're very welcome