Forums

Hi, I would like to change the color of the submit button and resent button but I am just a beginner with CSS or HTML, I have read that you can add class attribute in the Class field in CSS button , I have tried with adding css color values but nothing happened, what to do?
I would alo like to change the color background of the form, how to do it?

Hi Riki,

Please post a link to the form so I can take a quick look and tell us exactly what changes you need to make.

Bob

Here is the link, and also contact forms in the Contact page
http://laketravels.net/index.php/contact-us
http://laketravels.net/index.php/contact-support
http://laketravels.net/index.php/contact-advertising
I would like to change the color of the submit button from red to blue

Hi Riki,

The color is being set by this CSS in the file /templates/j-quark/css/presets/preset1.css

input[type='submit'] {
    background: #d9534f;
    color: #fff
}

If you add an Id or class to the submit button then you can overwrite this using a Load CSS action in the form ON Load event.

Similarly you can set the background color - for example:

.Chronoform {
  background-color: green;
}

Bob

Thanks Bob I will try.

Thank you Bob, I have changed the color of the submit button by changing the css of the template, but I still do not understand about using Load CSS feature, what to enter in CSS class or ID so later to use Load CSS, on On Load action?

Hi Riki Laker,

The Load CSS action is just a way to let you add CSS on the pages where your form is used without having to add it to the template.

Classes and IDs are basic HTML attributes that are used to identify individual elements (Ids) or groups of elements (Classes) so that you can apply CSS to them. You'll find more in any good HTML/CSS tutorial. ChronoForms has boxes in most elements that will let you add these attributes.

Bob