FormBuilder: how to adjust text colour and font style

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
Ferdi
New Member
New Member
Posts: 3
Joined: Sat Mar 22, 2008 8:03 pm

FormBuilder: how to adjust text colour and font style

Post by Ferdi »

How know where ro how to change the font colour and style for FormBuilder-0.4.4. The general  style sheets in the CMS does allow the adjust the size of a text box but I simply can't find where the otehr features can be changed. Now I have red text and a grey background and I want to have it in the style of the rest of the website. See http://www.aanbestedingszaak.nl/cms/index.php?page=content_types
heffegg
Forum Members
Forum Members
Posts: 43
Joined: Sat Mar 08, 2008 2:10 am

Re: FormBuilder: how to adjust text colour and font style

Post by heffegg »

Hi,
Add a section in your CSS to manage form elements.
This is an extract from mine, a number of elements have been left off, but you should get the idea.
From memory it is fieldset and fieldset legend that are giving you the Grey and Red colours, maybe label as well.

/* FORM ELEMENTS */
form {
font-size:80%;
                margin:0;
margin-top:5px;
                margin-left:10px;
                padding:0;
                padding:3px;
                background-color: #fff;
                border:1px solid #acb5a1;
                width:100%;
}

form div,
form p {
margin: 0 0 1em 1em;
padding: 0;
}
label {
font-weight: normal;
}
fieldset {
border: 0px solid #eee;
/*padding: 5px 10px;*/
margin: 0 0 1.5em 0;
             
}
fieldset legend {

font-weight: bold;
margin: 0 0 0 0px;
padding: 0;

}
* html fieldset legend {
                color:#454;
margin: 0 0 10px -10px;
}
User avatar
Nullig
Power Poster
Power Poster
Posts: 2380
Joined: Fri Feb 02, 2007 4:31 pm
Location: Comox Valley, BC

Re: FormBuilder: how to adjust text colour and font style

Post by Nullig »

Add:

.contactform fieldset {
  padding: 1em;
  background-color: transparent;
  border-color: black;
  width: 510px;
}

or whatever colors/settings you like.
Post Reply

Return to “Layout and Design (CSS & HTML)”