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:
replace with:
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
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