Forums

Hi. I would like to have the fields inline, instead of:
Field Name
{Input block}
​
to this:
Field Name: {Input Block}
​
Additionally, and please don't hate me for stupid questions, but how do I change the text colors of the form? I am using a back background and the form text style needs to be white.
​
Thank you
​
*edit bump*
​
I am assuming this has to be done with css... I am not familiar with css at all, so any help would be great. I am looking to do the following:
Text in white
Black background
Label: {field} alignment (as mentioned above)
​
Thank you

Hi nickza1,
​
There doesn't appear to be a way to set labels left built in but this JavaScript seems to work OK when I test.

jQuery(document).ready(function(jQ){
  jQ('.G2-form .field').addClass('inline');
});

and this CSS will change the color of the label text

.G2-form label {
  color: white !important;
}

Bob

Thank you. Now where do I put those codes?

Hi nickza1,
​
For the CSS use a CSS element from the Custom elementas group in the Designer tab.
​
For the left labels follow healyhatman's suggestion.
​
Bob