Quake3World

I'm setting up a phpBB forum, I would really appricate if you could tell what I need to edit in order to remove the 2 pixel border around the ugly buttons.



I want to have similar 1 border buttons you have here, just a different color.

Thanks.

Depends on what style you have installed. There's probably a css style sheet.
For example, this is mine:
http://forums.fender.net/templates/subB ... bBlack.css

Find your css, then look at the source HTML and figure out what css style is being applied to that element and change it.

Alright thanks

If the style is based on subSilver, then the style applied to the Go button is liteoption.
Change the css line that looks like this
input.liteoption{background-color:#000000;color:#FFFFCC;font-weight:normal}

To something like this (this is the q3w css)
/* None-bold submit button */
input.liteoption {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color : #000000;
color : #FFFFFF;
border-top: 1px solid white;
border-right: 1px solid white;
border-bottom: 1px solid white;
border-left: 1px solid white;
font-weight : bold;
font-size: 12px;
/* padding: 1px 1px; */
}

Actually this is even better:
/* None-bold submit button */
input.liteoption {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color : #000000;
color : #FFFFFF;
border: 1px solid white;
font-weight : bold;
font-size: 12px;
}

Just noticed I use the same style as q3w. !

It has something do with firefox rendering the css diferent because in ie I don't get such ugly thick borders around buttons and text areas. I've tried changing the css but it doesn't seem to effect it, i'm going to mess around some more.

I also noticed a file called formIE,

/* Fancy form styles for IE */

input, textarea, select {
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
}

input { text-indent : 2px; }

input.button {
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
}

.postbody { line-height: 18px}

Does this work for firefox? I'm guessing no, but I'll try it.

The borders look the same to me in FF and IE here on q3w. Maybe clear your browser's cache?

Yes on q3w, but not on my forum

I think I know why I can't change anything

NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
theme administration centre. When you have finalised your style you could cut the final CSS code
and place it in an external file, deleting this section to save bandwidth.

That's in my source, I guess I need to edit index.php?

I think this explains it

http://www.phpbb.com/kb/article.php?article_id=127

Your inline style is still the default:
/* None-bold submit button */
input.liteoption {
background-color : #FAFAFA;
font-weight : normal;
}
Find that and change to
/* None-bold submit button */
input.liteoption {
background-color : #FAFAFA;
font-weight : normal;
border: 1px;
}

I just messed up, but I at least I know what to do now.