Forums

ChronoForms v8 is now WordPress ready, ChronoMails is out

The JED needs volunteers!

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
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.