miniBB ® miniBB®
miniBB Support Forums
 | Forums | Register | Reply | Search | Statistics | Manual |
Custom Tutorials and Modifications miniBB Support Forums / Custom Tutorials and Modifications /   

Bigger forum width for bigger screen resolution

Author jontrac
Registered
#1 | Posted: 7 Jan 2015 19:28 | Edited by: jontrac 
For those who have high screen resolutions (over 1024 x 768), this little tweak will make the forum width become 70% of the screen instead of fixed 850px as default. With lower screen resolution, the width stays as 850px. It helps the forums look much better in big screens.

In ./bb_default_style.css:

Look for:
.tbTransparent, .tbTransparentmb{
font-family:Arial,'lucida grande',tahoma,verdana,sans-serif;
width:850px;
background:transparent;
font-size:9pt;
text-align:center;
margin-left:auto;
margin-right:auto;
vertical-align:top;
}

Add under:
@media screen and (min-width:1024px){
table.forums, table.forumsmb, .tbTransparent, .tbTransparentmb{
width:70%;
}
}

Not sure if it benefits everyone, but it definitely does for me. :)

Author Paul
Lead Developer
#2 | Posted: 8 Jan 2015 11:40 
Thank you, Does it work for all browsers? What standard number is this CSS for?

Custom Tutorials and Modifications miniBB Support Forums / Custom Tutorials and Modifications / Bigger forum width for bigger screen resolution Top

Your Reply Click this icon to move up to the quoted message

 Short link for this topic:

 ?
Only registered users are allowed to post here. Please, enter your username/password details upon posting a message, or register first.


Before posting, make sure your message is compliant with our forum posting rules. If not, it may be locked or deleted with no explanation.
 
miniBB Support Forums Powered by Forum Software miniBB ® Features  Requirements  Demo  Download  Showcase  Gallery of Arts
Compiler  Premium Extensions  Premium Support  License  Contacts
Install the Captcha add-on: protect your miniBB-forums from the automated spam and flood.
Captcha Addon for miniBB