[Resolved] Form Elements Styling Control

[Author]

Posts

[anandG-3]

Hello there. Good Afternoon.

How do I style the form elements? Elements such as Input, text area, form button, labels etc. I am able to apply padding, margins, background colors to the divs by giving a div id, but if I need to modify the elements with CSS, may I request for a link with an example or just a small example in your reply?

thank you

[Minesh]

Hello. Thank you for contacting the Toolset support.

Well - we offer detailed Doc that illustrates how you can style your form fields.

Could you please have a look here:
=> https://toolset.com/documentation/user-guides/styling-cred-forms/#styling-form-elements

[anandG-3]

Thanks Minesh but I have already looked at that link, am not able to find, how do I get to style the button, how do I change the inline text (placeholder text) color, how do I change the look of the radio buttons?

[Minesh]

Well - for example:

To change the submit button background color:

input[type="submit"] {
background-color:red;
}

To change the placeholder text color:

input[name="post_title"]::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: red;
    opacity: 1; /* Firefox */
}

=> hidden link
=> hidden link

Radio buttons has the class wpt-form-radio , which you can use to target it:
=> https://toolset.com/documentation/user-guides/styling-cred-forms/#set-of-radio-buttons