Question for Turb, Raw or whoever else knows about phpBB

Post by **inphlict** » Fri Mar 04, 2005 8:03 pm

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.

Post by **Fender** » Fri Mar 04, 2005 8:35 pm

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.

Post by **inphlict** » Fri Mar 04, 2005 8:35 pm

Alright thanks

Post by **Fender** » Fri Mar 04, 2005 8:39 pm

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

Post by **Fender** » Fri Mar 04, 2005 8:40 pm

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

Post by **Fender** » Fri Mar 04, 2005 8:41 pm

Just noticed I use the same style as q3w.

!

Post by **inphlict** » Fri Mar 04, 2005 8:49 pm

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.

Post by **inphlict** » Fri Mar 04, 2005 8:51 pm

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.

Post by **Fender** » Fri Mar 04, 2005 8:55 pm

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

Post by **inphlict** » Fri Mar 04, 2005 8:58 pm

Yes on q3w, but not on my forum

Post by **inphlict** » Fri Mar 04, 2005 9:01 pm

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?

Post by **inphlict** » Fri Mar 04, 2005 9:04 pm

I think this explains it

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

Post by **Fender** » Fri Mar 04, 2005 9:07 pm

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

Post by **inphlict** » Fri Mar 04, 2005 9:17 pm

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