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
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.
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
You can add the "inline" class to all of the items you want to have inline labels. Under the "advanced" tab, for container class, just add "inline" to the list.
This topic is locked and no more replies can be posted.
