where to edit forum width

[moonsh]

Hi,
I've installed new phpBB 3.2 in my website and using prosilver theme and its extension "special edition"
http://www.newmoonly.com/forums/

Kindly guide me about its width (max) like a site in your showcase (i want this width, stretched to browser width)
https://forum.openoffice.org/en/forum/

I've read forum posts to edit common.css file but can't understand where to do this edition.
Thanks.

[kaspir]

Allow the user to set it! use this ext, I didn't find on phpbb, but here is authors page, I HIGHLY sugest this authors exts: http://www.dmzx-web.net/viewtopic.php?f=66&t=2314

you'll need an acocunt.

EDIT:
OR, look for your

Code: Select all

#wrap {
    padding: 0 20px;
    min-width: 650px;
}

element in css, and try tinkering with it, try adding or editing:

Code: Select all

#wrap { width: 1024px; max-width:100%; }

or whatever you prefer the sizes to be.

[P_I]

The OP might also look at phpBB • Max-width switch - Contribution Details

[Lumpy Burgertushie]

the main design of prosilver_se is the width and the grey colors.
you would be better off choosing a different style to begin with that is already set to the normal width
or just use prosilver and recolor it etc.

robert

[moonsh]

The OP might also look at phpBB • Max-width switch - Contribution Details

i've enabled Max-width switch extension but nothing found changed. If i've to configure it, from where?

[.m.]

@moonsh , board admin panel has no configuration settings (other than enabling & disabling)
the extension adds its option for users at user control panel (preferences tab - display options)

[P_I]

I don't use this extension on my boards, so don't have any personal experience with it. I'm just aware that it exists.

From looking at the extension's page, it's configurable by the user, not at the board level. You might ask follow-up questions on the extension's support forum.

[moonsh]

Thanks .m, it worked.

[moonsh]

Allow the user to set it! use this ext, I didn't find on phpbb, but here is authors page, I HIGHLY sugest this authors exts: http://www.dmzx-web.net/viewtopic.php?f=66&t=2314

I've moved to extension mensioned by Kaspir as it changes width for all including guests.The reason is that
i edited a table (using Sniper/table extension) which was looking great according to my Max Width Switch extension and when i saw post as a guest, table was looking badly edited (not the whole).

[kaspir]

Dm uses his own forum width extension on his own board. If there is an issue with it, I'm sure he would like to know about it. Don't forget that the extension is prolly not set for guests. I don't use it, but tested it once, and if I remember correctly, the ext allows the 'user' to set their own (not for everyone) width setting. If you want a single width set for all visitors, and are using Prosilver, open this css file: /phpbb/styles/prosilver/theme/common.css

Find this section: (around line#130)

Code: Select all

/* Main blocks
---------------------------------------- */
.wrap {
	border: 1px solid transparent;
	border-radius: 8px;
	margin: 0 auto;
	max-width: 1152px;
	min-width: 625px;
	padding: 15px;
}

REPLACE with:

Code: Select all

/* Main blocks
---------------------------------------- */
.wrap {
	border: 1px solid transparent;
	border-radius: 8px;
	margin: 0 auto;
	max-width: 100%;
	min-width: 625px;
	padding: 15px;
}

Notice the only change I made, was the 100%. You can also try a bit less, like 95% or w/e. I suggest the % instead of pixels in this case. Now save, upload, THEN disable that width extension, clear any cache to be safe, hard-refresh your browser by using CTRL+F5 and it IS really as simple as that.

[maxwellqc13]

Thank you Kaspir that is what I had been looking for. It was very easy and worked as said. I do have a question though, is there a way to do this and only have it effect the forum index page?

[kaspir]

Thank you Kaspir that is what I had been looking for. It was very easy and worked as said. I do have a question though, is there a way to do this and only have it effect the forum index page?

I don't have all the answers, but from my experience, almost everything is possible!

To do that, I would start by considering a new class or id identifier. Something like class="indexwrapper", doesn't matter what you name it, as long as it doesn't conflict with anything else, so try and be creative, and nothing too common when creating new identifiers.

Then, your div wrap, in your overall_header.html, the html would use an if statement for your new class or id, would look something like this:

Code: Select all

<div id="wrap" class="wrap<!-- IF SCRIPT_NAME eq 'index' --> indexwrapper<!--ENDIF -->">

CSS would look something like this:

Code: Select all

.indexwrapper{
max-width: 100%;
min-width: 625px;
}

Then just revert the last css edit I gave you back to original, and add your width settings to your new class in CSS also, as always, save upload, clear cache, hard-refresh.

I haven't tested this, but pretty sure it will accomplish what you want.

EDIT: on second thought, this may do it too:

Code: Select all

<div id="wrap" class="<!-- IF SCRIPT_NAME eq 'index' -->indexwrapper<!-- ELSE-->wrap<!--ENDIF -->">

CSS

Code: Select all

.indexwrapper {
	border: 1px solid transparent;
	border-radius: 8px;
	margin: 0 auto;
	max-width: 100%;
	min-width: 625px;
	padding: 15px;
}

Play around with it, lmk.