Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Topic started by: Crank! on February 09, 2021, 08:43:21 PM

Title: How to change width?
Post by: Crank! on February 09, 2021, 08:43:21 PM
I would like to make the forum a bit narrower on all platforms and templates. Is there instructions on how to achieve this?
Title: Re: How to change width?
Post by: Mick. on February 09, 2021, 09:22:10 PM
Go to:
admin-->themes and layout--->theme settings

Change the forum width from 90% to something like 1366px or 1440px or 1600px
Title: Re: How to change width?
Post by: Antechinus on February 09, 2021, 10:51:57 PM
Only catch with that is it won't scale for width on narrower screens. Best option is to also adjust max-width in index.css, so that it can't exceed 100%. Personally I'd reduce the min-width too. Something like:

/* This division wraps the entire forum when a forum width is set. */
div#wrapper
{
margin: 0 auto;
min-width: 480px;
max-width: 100%;
}