Page 1 of 1

Change width

Posted: 19 Mar 2010, 01:38
by Widmo
Hello,
I create my own style (based on prosilver), but have one problem. I change width everywhere except in one place. I wanna change width in memberlist in table user.
I enclose a picture to explain it clearly

SCREEN HERE

I hope someone knows the answer to my question :)

Re: Change width

Posted: 19 Mar 2010, 01:52
by Steve
open styles/your_style/theme/common.css
find:

Code: Select all

.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;
in the code above find x2:

Code: Select all

	padding: 0 5px;
replace with:

Code: Select all

	padding: 0;
should be bobs your uncle ? solved or not ?

* edit if not in common.css
find this and adjust to your needs

Code: Select all

table.table1 {
	/* See tweaks.css */
}

#ucp-main table.table1 {
	padding: 2px;
}

table.table1 thead th {
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	line-height: 1.3em;
	font-size: 1em;
	padding: 0 0 4px 3px;
}

table.table1 thead th span {
	padding-left: 7px;
}

table.table1 tbody tr {
	border: 1px solid #cfcfcf;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
	background-color: #f6f6f6;
	color: #000;
}

table.table1 td {
	color: #6a6a6a;
	font-size: 1.1em;
}

table.table1 tbody td {
	padding: 5px;
	border-top: 1px solid #FAFAFA;
}

table.table1 tbody th {
	padding: 5px;
	border-bottom: 1px solid #000000;
	text-align: left;
	color: #333333;
	background-color: #FFFFFF;
}

/* Specific column styles */
table.table1 .name		{ text-align: left; }
table.table1 .posts		{ text-align: center !important; width: 7%; }
table.table1 .joined	{ text-align: left; width: 15%; }
table.table1 .active	{ text-align: left; width: 15%; }
table.table1 .mark		{ text-align: center; width: 7%; }
table.table1 .info		{ text-align: left; width: 30%; }
table.table1 .info div	{ width: 100%; white-space: normal; overflow: hidden; }
table.table1 .autocol	{ line-height: 2em; white-space: nowrap; }
table.table1 thead .autocol { padding-left: 1em; }

table.table1 span.rank-img {
	float: right;
	width: auto;
}

table.info td {
	padding: 3px;
}

table.info tbody th {
	padding: 3px;
	text-align: right;
	vertical-align: top;
	color: #000000;
	font-weight: normal;
}

.forumbg table.table1 {
	margin: 0 -2px -1px -1px;
}

Re: Change width

Posted: 20 Mar 2010, 05:01
by Widmo
Thank you for help vectra-mods, your answer helped me. But I have some more questions :P
All the questions I written on the screens:
1. http://i40.tinypic.com/121r3te.png
2. http://i42.tinypic.com/258t0rn.png

Re: Change width

Posted: 21 Mar 2010, 05:56
by Widmo
I add margins in template files and now is OK :)