problem increasing width in prosilver SE theme

udovich · Post by **udovich** » Mon Sep 08, 2014 6:08 pm

Problem increasing the size of the forum prosilver-SE theme. Here's what happened. Any suggestions how to solve it?

Lumpy Burgertushie · Post by **Lumpy Burgertushie** » Mon Sep 08, 2014 9:48 pm

the prosilver_se style is specifically designed to be the fixed width that it is. all of the background images etc. are set to work at that width.
not saying you can't do it, just that the whole point of se is to be fixed at that set width.

it would probably be easier to use prosilver, set it to fixed width of whatever size you want and then recolor it if you like the grey colors.
or , find another style with the colors you want that is not fixed width and change it to fixed width.

robert

udovich · Post by **udovich** » Wed Sep 10, 2014 5:25 am

thanks for the reply Lumpy Burgertushie, but I think there is a solution for this problem, the forum width of 900px is very small for the current screens

Lumpy Burgertushie · Post by **Lumpy Burgertushie** » Wed Sep 10, 2014 5:40 am

udovich wrote:thanks for the reply Lumpy Burgertushie, but I think there is a solution for this problem, the forum width of 900px is very small for the current screens

if it is too small why would you choose this style to begin with?

like I said, use prosilver, if you want a fixed width simply edit the css file and make it a fixed width of whatever size you want it. the rest of the graphics etc. will resize to fit it unlike prosilver_se.

then your problem is solved.

if you don't like the colors of the standard prosilver you can change them easily using the "colorizeit" function on the download page for prosilver.

robert

Talk19Zehn · Post by **Talk19Zehn** » Wed Sep 10, 2014 2:09 pm

Hello, your css prosilver_se is apparently unfortunately defective. If you've made any major changes, it does help, when you replaced the theme directory (Attention: Secure before your directories). Modifications are unfortunately also to renew, if installed and css was relevant.

Width:
Adjust the width is not so difficult. *)I have another idea, may I express it. Do you want to test it?
If necessary, please upgrade prosilver_se #3.0.12 -> theme/common.css. Perhaps change common.css

Code: Select all

#wrap {
	padding: 0 20px;
	min-width: 650px;
/*	width: 900px; */
	margin: 0 auto;
}

, so you have (to my knowledge) an automatic (width >1024px), that you can present your users / visitors.
Clean all caches and prosilver_se automatically aligns itself. If you set another fixed width, please check also the viewport.
BTW:
For one example, you might see also the style prosilver and you see how it behaves (standard css #wrap) per screen resolution.
Tip:
For a mobile presentation maybe still use a mobile phpBB3-style ....(?).

Regards to you
and also *)to Lumpy Burgertushie - I hope I did not forget anything ...

Lumpy Burgertushie · Post by **Lumpy Burgertushie** » Wed Sep 10, 2014 2:47 pm

well, some days you just lose your mind I guess. I will stand corrected here about this problem.

I was thinking that se would not adjust properly because certain background images were fixed size as well.

however, that is not correct. If you do what the previous poster said and simply remove the fixed width css then the rest seems to adjust perfectly fine, just like prosilver standard does.

so, udovich, please excuse my rambling above.

the only thing you have to edit is the common.css file.

change this:

Code: Select all

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

change the width to whatever size you want,

save the file,
upload back to the server.
refresh your theme/template from the admin panel styles tab.
poof, you are done.

robert

mtridersclb · Post by **mtridersclb** » Tue Dec 01, 2015 5:15 pm

TOTAL NOVICE HERE:
Sorry if a stupid question.
I also would like to see a slightly wider frame on SE.
Common.css shows

#wrap {
border: 1px solid transparent;
border-radius: 8px;
margin: 0 auto;
max-width: 1152px;
min-width: 625px;
padding: 15px;

yet look at the attached image, the frame on my imac (1920x1080) shows at about 47% width visually, which makes it perhaps 902px rather than the 1152px shown above. Im probably looking in the wrong place so any help or slaps would be gratefully received.
Thanks

pit-PL · Post by **pit-PL** » Tue Dec 01, 2015 6:08 pm

Im probably looking in the wrong place

prosilver_se/theme/stylesheet.css is the right place.

mtridersclb · Post by **mtridersclb** » Sat Dec 05, 2015 5:02 pm

Are you sure? I cant see line 181 where you said and other posts suggest its in the prosilver rather than SE? Which part of
prosilver_se/theme/stylesheet.css
affects the overall width?
Thanks

Lumpy Burgertushie · Post by **Lumpy Burgertushie** » Sat Dec 05, 2015 9:03 pm

it is the wrap section.

anything that prosilver_se needs that is different than prosilver is going to be in the stylesheet.css file.
it overrides any css with the same name that is in any of the prosilver css files.

for example, the css for the wrap size in prosilver is controlled in the common.css file

the css for the wrap size in prosilver_se is controlled by the same entry in the prosilver_se stylesheet.css file.

robert

mtridersclb · Post by **mtridersclb** » Sun Dec 06, 2015 9:06 am

That's great thanks to you both

mtridersclb · Post by **mtridersclb** » Mon Dec 07, 2015 8:47 pm

Is it line 22 to change (highlighted in red)?: Thanks

/* phpBB3 Style Sheet
--------------------------------------------------------------
Style name: prosilver Special Edition
Based on style: prosilver (the default phpBB 3.1.x style)
Original author: Tom Beddard ( http://www.subblue.com/ )
Modified by: phpBB Limited ( https://www.phpbb.com/ )
--------------------------------------------------------------
*/

/* common.css changes */
html, body {
background-color: #ACA8A1;
}

body.simple {
min-height: 100%;
background-color: #FFF;
padding: 0 5px;
}

#wrap {
max-width: 850px;
margin: 0 auto;
padding: 13px 23px;
border: 2px solid #FFF;
border-radius: 15px;
box-shadow: 0 0 5px 2px #9D9A93, inset 0 3px 18px rgba(100, 100, 100, .25);
}

.search-header {
box-shadow: 0 0 10px #505C65;
}

.headerbar {
background-color: #7C8891;
background-image: url("./images/bg_header.gif");
}

.navbar {
background-color: #DCDEE2;
}

.forabg, .forumbg {
background-color: #505C65;
background-image: url("./images/bg_list.gif");
}

.copyright a {
color: #000000 !important;
}

/* content.css changes */
li.row {
background-color: #E8ECEE;
}

li.row:hover {
background-color: #EBEFF1;
}

li.row.bg3 {
background-color: #F0F4F6;
}

li.row.bg3:hover {
background-color: #F4F8FA;
}

/* imageset.css changes */
.imageset.site_logo {
background-image: url("./images/site_logo.gif");
padding-left: 149px;
padding-top: 52px;
}

/* responsive.css changes */
@media only screen and (max-width: 920px), only screen and (max-device-width: 920px) {
html, body {
background-color: #FFF;
}

body {
padding-left: 5px;
padding-right: 5px;
}

#wrap {
width: 850px;
padding: 0;
border-width: 0;
border-radius: 0;
box-shadow: none;
}
}

@media only screen and (max-width: 860px), only screen and (max-device-width: 860px) {
#wrap {
width: auto;
}
}

Lumpy Burgertushie · Post by **Lumpy Burgertushie** » Mon Dec 07, 2015 10:00 pm

I just realized that we are posting in the 3.0 styles forum.
we have been talking about prosilver_se for 3.1

what version is your board?

if 3.1 then yes, that is the correct line in stylesheet.css

if in 3.0 then prosilver_se has all the css files just like prosilver does and you would be editing the common.css file for the wrap width just like you would in prosilver.

robert

mtridersclb · Post by **mtridersclb** » Mon Dec 07, 2015 10:10 pm

Ah Robert, thank you for noticing my error. Yes I am on 3.1(.6)

I just did it (whoaa - first time!). I edited the stylesheet in Wrangler and uploaded it. I have purged the cache but nothign has changed - should it? And should I restart this in the right section!!

Many thanks
Simon

Lumpy Burgertushie · Post by **Lumpy Burgertushie** » Mon Dec 07, 2015 10:16 pm

ok, at least the discussion has been about the correct files etc.

you have to purge the cache after making any changes to the style.

and refresh your browser.

robert