Customize form

lo louki 23 Oct, 2008

Hi, how can I change the CSS style of my forms (color of input box text, style/color of submit buttons...)? Thanx

Vi Virus 23 Oct, 2008

Hi Louki

You can define your css style within your html code. See example below

<html>
<head>
<style type="text/css">
H1{ font-family: Arial; font-size: 18px; color: #0000FF}
.text {font-family: Arial; font-size: 12px; color: #FF0000;}
.inputbox {font: Arial; font-size: 10px; border: #CCCCCC; border:thin; border-style: solid; border-bottom-width: 1px;}
</style>
</head>
<body>
<h1>This is a Test</h1>
<p class="text">Hello this is the .text style you have assigned .......</p>
<p><input name="" type="text" class="inputbox"></p>
</body>
</html>

This is just an example, copy the code and play around with it you'll c it is not that difficult.

Cheers

Virus

lo louki 23 Oct, 2008

Thanx Virus,

but in which file should I define my CSS style (I've tried in style1.css, chronocontact.html.php... but no change in my form) ?

Thanx

Max_admin 23 Oct, 2008

louki, at the top of your form HTML add some style code like this:

<style type="text/css">
H1{ font-family: Arial; font-size: 18px; color: #0000FF}
.text {font-family: Arial; font-size: 12px; color: #FF0000;}
.inputbox {font: Arial; font-size: 10px; border: #CCCCCC; border:thin; border-style: solid; border-bottom-width: 1px;}
</style>

cheers
Max

Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.

Vi Virus 24 Oct, 2008

louki, at the top of your form HTML add some style code like this:

H1{ font-family: Arial; font-size: 18px; color: #0000FF}
.text {font-family: Arial; font-size: 12px; color: #FF0000;}
.inputbox {font: Arial; font-size: 10px; border: #CCCCCC; border:thin; border-style: solid; border-bottom-width: 1px;}
</style>

Thanks Max forget to mention that.

Virus

lo louki 24 Oct, 2008

Thanx to both of you, it works perfectly.

This topic is locked and no more replies can be posted.