Skip Navigation

[Resolved] Style a form, change font, add space between fields and labels

This support ticket is created 5 years, 8 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

This topic contains 3 replies, has 2 voices.

Last updated by Christian Cox 5 years, 8 months ago.

Assisted by: Christian Cox.

Author
Posts
#1323681

Hi Guys,

I'm a bit dispointed with the form styling as you said it is for non developper.

I need your support on Styling a form, change font, add space between fields and labels ??

thanks in advance.

#1323895

Hello, customization of certain aspects of a Form will require some custom CSS code. I can help if I can see the Form on your site somewhere, and you tell me which font should be used. Please provide a URL where I can see the Form. If I must login to see the Form, please provide login credentials as well.

#1323907

Hi and thanks for your feedback,

You can see the form here hidden link - if you can't see it, please tell how can i make it available for guest users ?

I want use open sans font
Labels in 700 and text in fields 300
Add space between label and field

It will be great if you can share somme css examples !

thanks in advance.
Sid

#1323939

Okay here is an example:

#cred_form_3178_1 label {
    font-family:"Open Sans";
    font-weight:700;
    margin-bottom: 15px;
    display: inline-block;
    }

#cred_form_3178_1 input {
    font-family:"Open Sans";
    font-weight:300;
    }

Try adding this code to your Form's CSS panel.