Flat Style

How to do a full stretch? - Flat Style

How to do a full stretch?

by dynserver » Fri Jul 07, 2017 2:37 am

Hey there, how can I full stretch the width of the template like you have on your own board? It's currently very compact in the middle, would like it just like your board, if that's not secret information? 8-)
dynserver
Registered User
Posts: 92
Joined: Thu Apr 06, 2017 11:06 pm

Re: How to do a full stretch?

by eeji » Thu Jul 20, 2017 8:52 pm

open styles/flat-style/theme/common.css

find:

Code: Select all

.wrap {
	margin: 0 auto;
	max-width: 1152px;
	min-width: 625px;
	padding: 15px;
}
change max-width to the value you want (100% for full width)
My phpBB styles: phpbbstyles.iansvivarium.com
My "board": iansvivarium.com
(yes, it's running phpBB!)
User avatar
eeji
Registered User
Posts: 1466
Joined: Fri Dec 12, 2008 9:08 pm
Location: Manchester, UK

Re: How to do a full stretch?

by mrmtd1 » Tue Oct 17, 2017 2:33 pm

Hello,

I made the change for max-width to make it 100% but it is not changing. I also cleared the cache as well. I'm running 3.2.1 and just installed your style along with the extension to put the profiles on the left. The max-width at 100% isn't working though.
mrmtd1
Registered User
Posts: 2
Joined: Tue Oct 17, 2017 2:27 pm

Re: How to do a full stretch?

by mrmtd1 » Tue Oct 17, 2017 3:12 pm

Please disregard my previous message. I noticed that it was working in Microsoft Edge but not in Google Chrome. Your site was working in Chrome but mine wasn't. I cleared my cache and cookies in Chrome and now it is working. Thanks
mrmtd1
Registered User
Posts: 2
Joined: Tue Oct 17, 2017 2:27 pm

Re: How to do a full stretch?

by gflex1 » Sun Sep 08, 2019 11:20 am

eeji wrote:open styles/flat-style/theme/common.css

find:

Code: Select all

.wrap {
	margin: 0 auto;
	max-width: 1152px;
	min-width: 625px;
	padding: 15px;
}
change max-width to the value you want (100% for full width)
If I make 90% max widht I get rights side white space on mobile :(
User avatar
gflex1
Registered User
Posts: 81
Joined: Sun Dec 31, 2017 11:59 am

Re: How to do a full stretch?

by gfryer1 » Sat Jun 04, 2022 8:16 pm

Hi, i need to strech. any updates on this theme?
gfryer1
Registered User
Posts: 13
Joined: Sun Nov 14, 2021 1:36 pm

Re: How to do a full stretch?

by eeji » Sun Jun 05, 2022 12:40 pm

gfryer1 wrote:Hi, i need to strech. any updates on this theme?
eeji wrote:open styles/flat-style/theme/common.css

find:

Code: Select all

.wrap {
	margin: 0 auto;
	max-width: 1152px;
	min-width: 625px;
	padding: 15px;
}
change max-width to the value you want (100% for full width)
My phpBB styles: phpbbstyles.iansvivarium.com
My "board": iansvivarium.com
(yes, it's running phpBB!)
User avatar
eeji
Registered User
Posts: 1466
Joined: Fri Dec 12, 2008 9:08 pm
Location: Manchester, UK

Re: How to do a full stretch?

by eipwlamzq » Mon Jun 06, 2022 9:27 pm

Will it work on both desktop and mobile if I set the width to 100% ?
eipwlamzq
Registered User
Posts: 7
Joined: Sun Feb 07, 2021 7:54 am

Re: How to do a full stretch?

by eeji » Tue Jun 07, 2022 6:27 pm

Yes, it's already full width on phones
My phpBB styles: phpbbstyles.iansvivarium.com
My "board": iansvivarium.com
(yes, it's running phpBB!)
User avatar
eeji
Registered User
Posts: 1466
Joined: Fri Dec 12, 2008 9:08 pm
Location: Manchester, UK