Sign Up! Login: Password: New User? Forgot? Support
Top Mods!
Wowhead Search
by sonofsamedi
Digital Clock
by Wolfar15
Admin Forums
Welcome to the GuildPortal Help Community! These forums are for admin-to-admin help.
Available Forums
Forums : Pimp My Site! > CSS & Form Fields
537285175_Inactive (New Admin) 7/19/2005 5:45 AM EST : CSS & Form Fields

537285175_Inactive
Posts: 236
Fingers of Fury!

I looked for this, but couldn't find it. The "extra" CSS classes I found all seem to relate to the forums.

Is there anyway to change the default style of the form fields and buttons through the defined CSS classes at GP?

I know there aren't many form fields, but the default white with the default grey button is jarring on the design.
TopBottom

mishy (Guild Admin) 7/24/2005 12:41 AM EST : RE: CSS & Form Fields
mishy
Posts: 3581
Zomgawsh Poster

Hi, you can change the form fields, by applying the style to theelement, since they haven't been assigned their own custom classes (atleast last time i checked)

Heres an example i use for our gp site... Its pretty basic stuff - i'vejust changed the background colour and border style, but you can changemuch more, just have to play around with the various styles.

/*
----------------Form Fields------------------
*/

textarea
{
border:1px solid #d7e8ed; background-color: #dfe5eb;
}

textarea:focus
{
border:1px solid #d7e8ed; background-color: white;
}

input
{
border:1px solid #d7e8ed; background-color: #dfe5eb;
}

input:focus
{
border:1px solid #d7e8ed; background-color: #white;
}

input:hover
{
border:1px solid #d7e8ed; background-color: white;
}

One thing to note is the :focus and :hover styles do not work in Internet Explorer.

TopBottom

537285175_Inactive (New Admin) 7/24/2005 7:43 AM EST : RE: CSS & Form Fields

537285175_Inactive
Posts: 236
Fingers of Fury!

name="6574886">

Thank you!!!

I knew it had to be something easy like that.

Had to define for SELECT as well in order to get the pulldowns to change, but it's perfect.

TopBottom

Admins Online
There are   members online.
So-and-so has logged on!
%title%
%message%