phpBB • Free and Open Source Forum Software

RSS Facebook Twitter
Menu

prosilver Special Edition

Prosilver Width - Fit to screen - prosilver Special Edition

Prosilver Width - Fit to screen

by Blargy » Fri Aug 09, 2013 2:51 pm

Hi. I have a problem editing my common.css file and am looking for some help.

The width of my prosilver template can't be reduced. If I zoom out, the width automatically fits to the screen even if I change the width to 1 pixel. Editing the pixel width in the #wrap portion in common.css doesn't seem to help.

What can I do so my prosilver theme/template has a fixed width?

Edit: Problem solved by refreshing my template under styles and editing the css file with margin-left: auto and margin-right: auto.
Blargy
Registered User
Posts: 5
Joined: Thu Jul 25, 2013 1:57 pm
Top

Re: Prosilver Width - Fit to screen

by jobbesat » Mon Feb 02, 2015 4:10 am

Can you please tell me how to do that?
Thanks a lot in advance.
jobbesat
Registered User
Posts: 15
Joined: Wed Dec 10, 2014 2:50 pm
Top

Re: Prosilver Width - Fit to screen

by Arty » Tue Feb 03, 2015 7:59 pm

If you want to force fixed width and remove responsive layout, remove this line from overall_header.html:

Code: Select all

<link href="{ROOT_PATH}styles/prosilver/theme/responsive.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" media="only screen and (max-width: 700px), only screen and (max-device-width: 700px)" />
then open stylesheet.css, find

Code: Select all

#wrap {
   max-width: 850px;
and change max-width to width

Code: Select all

#wrap {
   width: 850px;

then remove this:

Code: Select all

/* 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;
   }
}

But its a bad idea. Those changes will make style look bad on small devices, such as mobile phones.
Vjacheslav Trushkin / Arty.
Free phpBB 3.1 styles | New project: Iconify - modern SVG framework
User avatar
Arty
Former Team Member
Posts: 16654
Joined: Wed Mar 06, 2002 2:36 pm
Name: Vjacheslav Trushkin
Top

Re: Prosilver Width - Fit to screen

by jobbesat » Wed Feb 04, 2015 3:04 am

Thanks a lot
jobbesat
Registered User
Posts: 15
Joined: Wed Dec 10, 2014 2:50 pm
Top

Re: Prosilver Width - Fit to screen

by Armstrong » Mon May 29, 2017 3:22 pm

This is a really early edit./ Does anyone have the latest Prosilver width instructions.
I've edited common.css and a whole batch of other pages. I know thst wound vague but the wiodth WILL NOT span 100% of the screen.

Where can I find the command
"<style type="text/css">
#wrap {
max-width: 1152px; !important;
}"
I see this in the processed index.html page.
But I dont find it in any file.

I simply need Prosilver to span 100% of the page. Squinched up in the middle third is riddiculous to me... :(
User avatar
Armstrong
Registered User
Posts: 106
Joined: Sun Mar 25, 2007 2:26 am
Location: Oxford UK / Aix France.
Name: Neil Armstrong
Top

Re: Prosilver Width - Fit to screen

by TomS2 » Thu Dec 21, 2017 8:34 pm

Just edit theme/stylesheet.css and alter max-width to 96%:

Code: Select all

.wrap {
	/* max-width: 850px; */
	max-width: 96%;
	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);
}
Cheers Tom
TomS2
Registered User
Posts: 17
Joined: Wed Nov 26, 2014 11:50 pm
Location: Luneburg, Germany
Name: Thomas
Top

Re: Prosilver Width - Fit to screen

by Armstrong » Sat Jul 06, 2019 11:21 pm

Thanks Tom. That DID work I just never got back to you.
User avatar
Armstrong
Registered User
Posts: 106
Joined: Sun Mar 25, 2007 2:26 am
Location: Oxford UK / Aix France.
Name: Neil Armstrong
Top