miniBB ®

miniBB

®
Support Forums
  
 · Start · Sign in · Register · Search · Statistics · File Bank · Manual ·
Custom Tutorials and Modifications miniBB Support Forums / Custom Tutorials and Modifications /  
 

Bigger forum width for bigger screen resolution

 
Author jontrac
Partaker
#1 · Posted: 7 Jan 2015 19:28
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 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
 Share Topic's Link

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


  ?
Post as a Guest, leaving the Password field blank. You could also enter a Guest name, if it's not taken by a member yet. Sign-in and post at once, or just sign-in, bypassing the message's text.


Before posting, make sure your message is compliant with forum rules; otherwise it could be locked or removed with no explanation.

 

 
miniBB Support Forums Powered by Forum Software miniBB ® Home  Features  Requirements  Demo  Download  Showcase  Gallery of Arts
Compiler  Premium Extensions  Premium Support  License  Contact Us
Did you know that you may be allowed to hide miniBB credits and remove miniBB's copyright notice?