deleting box label custom class for fields

Hi,

Please provide a link to your site with the form so I can provide CSS specific to your site.

It’s not possible to add custom classes to the form element. You can try copying over one of the templates to your theme, and trying to add the class that way. Or you can try adding the class to the form element on page load using JavaScript.

Thanks,
Evan

https://www.bateva.co.il

The form is in the footer

I don’t see the form on that page. Both the stylesheet and js file are not loaded on the page as well , either.

Thanks,
Evan

sorry, maintenance mode was on
please try again

Ok,

looks like you switched things back. The form is now there.

You can try the following to hide the form labels :

.yks-mailchimpFormDivRowLabel {
  display: none;
}

You can also just edit the form fields on the manage list forms page, and remove the title of the field.

Thanks,
Evan

thank you

should i put that code in my child theme style.css file?

I tried to edit the form fields on the manage list forms page, but trying to delete these titles completely I get this error massage when updating the field:

Error : Merge fields must have a label

Yea, adding things to your active child theme style.css will get those labels hidden.

Ah, you are correct. I just tried what I had suggested, and do get an error as well.

I will consider adding another setting to the settings page that will allow you to toggle the visibility of the labels on each form.

Evan

For some reason the css code does not work for me ??

could you also explain how the custom class fields work?

I’m not sure why the CSS code didn’t work for you.

Try adding an !important tag to the end of it. Like this :

.yks-mailchimpFormDivRowLabel {
  display: none !important;
}

In regards to the custom class, when you enter a custom class into the input field on the manage list forms page, that class is then assigned to the input field assigned to that form field.

If you entered ’email-input’ as the custom class to the email field, the email input field would then have the class attached to it email-input (on the front end).

You could then target that input field by doing something like :

.email-input {
  width: 800px;
}

the !important tag worked like a charm!- thanks

No problem at all! Glad that worked out for you.

I’ll look into what it would take to add that setting to toggle labels.

Best,
Evan