moving custom field

Another question on the custom field. We changed the background color and text color for all entry fields on the comment entry form. The custom field color changes correctly to the background color but the placeholder text in that field does not change to the text field color as the other fields do. So the placeholder text is unreadable with the new background color. How do we change the text color too?

Hello,

You can drug and drop the field wherever you want. More info here: https://wpdiscuz.com/docs/wpdiscuz-7/getting-started/manage-comment-forms/comment-form-builder/

Also, we do not need the label for that field.

You can use the CSS code below for hiding the placeholder of the field:

input#custom_field_622eefbb1afca-0_0::-webkit-input-placeholder {
         color: transparent;
}
input#custom_field_622eefbb1afca-0_0::-moz-placeholder { /* Firefox 18- */
         color: transparent;
}
input#custom_field_622eefbb1afca-0_0::-moz-placeholder {  /* Firefox 19+ */
         color: transparent;
}

So the placeholder text is unreadable with the new background color. How do we change the text color too?

You should write your custom CSS code for changing the colors of the placeholder text.

Hi,

Sorry I wasn’t clear in my question.

We want the custom field to display above the comment but below the name and time field on the OUTPUT (when comments are displayed) not on the input of information into the form.

Do we need to change the CSS for the placeholders you provided above with different names? because we tried it and it does not hide the placeholder text for the custom field we have.

Also we noticed that when we change the background colors the small icons next to the post comment button disappear. So I assume css for those needs to be changed too. What are the names of those icons for the CSS changes?

And one more question. What are the meta field names for the placeholders for Name, email address and comment field?

Thanks.

• This reply was modified 2 years, 8 months ago by sailpilot.
• This reply was modified 2 years, 8 months ago by sailpilot.
• This reply was modified 2 years, 8 months ago by sailpilot.
• This reply was modified 2 years, 8 months ago by sailpilot.
• This reply was modified 2 years, 8 months ago by sailpilot.

Please forget the question about your css for the placeholder.

We realized that we had to change the

custom_field_622eefbb1afca-0_0

to

our custom field-0_0

and it worked

@sailpilot,

We want the custom field to display above the comment but below the name and time field on the OUTPUT (when comments are displayed) not on the input of information into the form.

You can again use the CSS code like this:

#wpdcom .wpd-comment-text {
    display: flex;
    flex-direction: column;
}

.wpd-bottom-custom-fields {
    order: -1;
}

Thanks again. That worked

What about the other questions?

Also we noticed that when we change the background colors the small icons next to the post comment button disappear. So I assume css for those needs to be changed too. What are the names of those icons for the CSS changes?

And one more question. What are the meta field names for the placeholders for Name, email address and comment field?

Dear sailpilot ,

So I assume css for those needs to be changed too. What are the names of those icons for the CSS changes?

You can find all classes by pressing F12 on the browser and opening Chrome or Firefox Console, it’ll help you easily write CSS rules you need to customize.

What are the meta field names for the placeholders for Name, email address and comment field?

We don’t follow you well. If you want to know where those are stored in the Database, then, those are stored in the wp_comments table in the comment_author, comment_author_email, comment_content columns.

If you want to change the labels, just change the “Name” value for each field. More info here: https://wpdiscuz.com/docs/wpdiscuz-7/getting-started/manage-comment-forms/comment-form-builder/

Thanks.

One last question, for now.

When the custom field we added displays in the comments it includes the label for that field. We just want to output the text entered by the user without the label. How do we removed that? You can’t remove the Name field from the custom field we added on the form, it is also used for the placeholder.

Thanks

In this case, you shoul also use the CSS code.