Page 2 of 3

Re: Set proSilver to Fixed Width

Posted: Sat Nov 07, 2009 2:57 am
by jas_is_0n_fire
CREATIVE SHARE THANX A LOT

Re: Set proSilver to Fixed Width - HELP!

Posted: Sun Nov 08, 2009 9:52 am
by a-friend
Please help, i have a theme running based on prosilver but this mod doesn't work on it

the theme is green grass

ANY HELP would be greatly appreciated

Thanks

Re: Set proSilver to Fixed Width

Posted: Sun Nov 08, 2009 8:58 pm
by cisco007
have you edited and reuploaded the correct files, refreshed template, and purged cache in ACP?

Re: Set proSilver to Fixed Width

Posted: Sun Nov 08, 2009 9:32 pm
by a-friend
Hi

Thats not quite the issue, i can get the table to change size but there are other elements that don't resize with that.

I can't put a link sadly due to my newness but if you google Fradley Forum you should find it

I will continue to fiddle but any ideas very welcome

Re: Set proSilver to Fixed Width

Posted: Sun Nov 08, 2009 9:47 pm
by LDM
Found you and think found the issue in your css main blocks. Change the width. Upload and refresh theme.

Code: Select all

/* Main blocks

---------------------------------------- */

#wrap { 

	padding: 0 20px; 

	min-width: 650px; 

	width: 850px; 

	margin: 0 auto; }  

Re: Set proSilver to Fixed Width

Posted: Sun Nov 08, 2009 10:09 pm
by a-friend
Tried that, if i change the 850px to anything the main tables grow and shrink as i ask them to, but there must be something else controling the background (bit with the grass)

Here is a section of the common.css that is labeled as if it could be important

Code: Select all

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
	background: #ebebeb none repeat-x 0 0;
	color: #FFFFFF;
	margin-bottom: 4px;
	padding: 0 5px;
}

.navbar {
	background-color: #ebebeb;
	padding: 0 10px;
}

.forabg {
	background: #b1b1b1 none repeat-x 0 0;
	margin-bottom: 4px;
	padding: 0 5px;
	clear: both;
}

.forumbg {
	background: #ebebeb none repeat-x 0 0;
	margin-bottom: 4px;
	padding: 0 5px;
	clear: both;
}

.panel {
	margin-bottom: 4px;
	padding: 0 10px;
	background-color: #f3f3f3;
	color: #3f3f3f;
}

.post {
	padding: 0 10px;
	margin-bottom: 4px;
	background-repeat: no-repeat;
	background-position: 100% 0;
}

.post:target .content {
	color: #000000;
}

.post:target h3 a {
	color: #000000;
}

.bg1	{ background-color: #f7f7f7;}
.bg2	{ background-color: #f2f2f2; }
.bg3	{ background-color: #ebebeb; }

.rowbg {
	margin: 5px 5px 2px 5px;
}

.ucprowbg {
	background-color: #e2e2e2;
}

.fieldsbg {
	/*border: 1px #DBDEE2 solid;*/
	background-color: #eaeaea;
}

span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

span.corners-top {
	background-image: none;
	background-position: 0 0;
	margin: 0 -5px;
}

span.corners-top span {
	background-image: none;
	background-position: 100% 0;
}

span.corners-bottom {
	background-image: none;
	background-position: 0 100%;
	margin: 0 -5px;
	clear: both;
}

span.corners-bottom span {
	background-image: none;
	background-position: 100% 100%;
}

.headbg span.corners-bottom {
	margin-bottom: -1px;
}

.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
	margin: 0 -10px;
}

.rules span.corners-top {
	margin: 0 -10px 5px -10px;
}

.rules span.corners-bottom {
	margin: 5px -10px 0 -10px;
}

Re: Set proSilver to Fixed Width

Posted: Sun Nov 08, 2009 10:16 pm
by LDM
Well this is your background bit with the grass but that will resize depending on the main part http://www.fradleyforum.com/styles/Gree ... _round.jpg

What happens if you drop the main blocks to say 780px, could you take a screen?

Re: Set proSilver to Fixed Width

Posted: Sun Nov 08, 2009 10:44 pm
by a-friend
Hi

Sadly they are not related... if i move it to 780px the main forum.. header and all resive

however the background remains the same width, and i have tried editing the grass graphic but as it repeats it makes no diff

Thanks for looking... its beyond me!

Re: Set proSilver to Fixed Width

Posted: Sun Nov 08, 2009 10:48 pm
by LDM
Ah so you are trying to change the background width as opposed to making the main block size fit it currently?

Re: Set proSilver to Fixed Width

Posted: Sun Nov 08, 2009 10:55 pm
by a-friend
Hi, sorry if i didn't explain it well... basically i now have the forum at 850px which fits all screens and allows me to put a banner on the site (my goal with this)

However... that background doesn't resize with this edit and i have no idea where to look for the value that makes it resize. I thought it might be margins but which one

Re: Set proSilver to Fixed Width

Posted: Sun Nov 08, 2009 11:09 pm
by LDM
Is there a css width within .round within your content.css file?

Re: Set proSilver to Fixed Width

Posted: Sun Nov 08, 2009 11:09 pm
by cisco007
that doesn't look like the correct area for the edits, the edit is below this section!

Code: Select all

/* Main blocks
---------------------------------------- */

Re: Set proSilver to Fixed Width

Posted: Mon Nov 09, 2009 12:42 pm
by a-friend
LDM wrote:Is there a css width within .round within your content.css file?
My content file does not have a .round section at all
cisco007 wrote:that doesn't look like the correct area for the edits, the edit is below this section!

Code: Select all

/* Main blocks
---------------------------------------- */
As for my edits they are below main blocks as per the instructions hence it working for all but the background

Re: Set proSilver to Fixed Width

Posted: Mon Nov 09, 2009 1:42 pm
by LDM
It looks to me that .round controls that, is it within colours.css?

Re: Set proSilver to Fixed Width

Posted: Mon Nov 09, 2009 2:44 pm
by a-friend
First job done... found it

Code: Select all

.round {
     background-color: #ECF3DA;
	 background-image:("{T_THEME_PATH}/images/bg_round.jpg");
	 background-repeat: repeat-x;
	 width: 80%;
	 margin-top: 20px;
	 margin-left: auto;
	 margin-right: auto;
	 padding-top: 40px;
	 border-color: #FF9900;
	 border-style: solid ;
	 border-width: 1px;
Any idea what i change?