Return to previous page

Class for Contact Form 7 Optional field label

This topic has 5 replies, 2 voices, and was last updated 3 years, 1 months ago ago by ianbarker24

ianbarker24

Participant

October 4, 2021 at 10:42

Hi

I can see that the label class for a required field is class=”required-item”, but what is the class for an optional field please? I tried class=”optional-item” but that didn’t work.

Many thanks
Ian Barker

#304401 Copied Theme version: 8.0.7 WooCommerce version: 5.7.1

4 Answers

Olga Barlow

Support staff

October 4, 2021 at 15:59

Hello,

If the field is optional it does not have a special class. But you can add any custom class for any field you use using class attribute, check here for example https://contactform7.com/text-fields/

Regards

#304451 Copied

ianbarker24

Participant

October 4, 2021 at 16:12

Hi Olga,

The problem I have is that I removed the class statement for an attachment field in the contact form however it is still showing an asterix at the end of the title even though the field is not required, i.e. the form will submit with or without an attachment.

So, I’m trying to remove the asterix at the end of the title of the attachment field.

The form entry I have is,

Image Attachment (gif/png/jpg) [file your-attachment filetypes:gif|png|jpg limit:2mb]

#304459 Copied
Olga Barlow

Support staff

October 5, 2021 at 10:13
Hello,

Because you added custom code to show it for all the labels https://prnt.sc/1uvc27c
Change it to
```
.wpcf7-form label.required-item:after {
    content: "*";
    color: #E95D2A;
}
```
Regards
#304556 Copied
ianbarker24

Participant

October 5, 2021 at 10:27

Fantastic, many thanks Olga

All good now.

Cheers
Ian

#304562 Copied
Tagged: class, contact form 7, optional field label, seo friendly, woocommerce, wordpress themes
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Class for Contact Form 7 Optional field label’' has been successfully resolved, and the topic is now closed for further responses

Class for Contact Form 7 Optional field label

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection