-
AuthorPosts
-
March 22, 2016 at 7:21 pm #602077
Hello!
I have a mailchimp list / form that has more fields than I need in my sidebar widget (though I need the fields on another page). Is there a way to hide fields, like phone number, just from the Mailchimp widget? I’ve tried building with the magic wand and using shortcode but the styling is much better in the widget.
Thanks for your help,.
March 22, 2016 at 9:40 pm #602134Hi Keith!
You might have to use custom css please let us know exactly which fields you need to hide on which page on the contact form so we can provide you with custom css. We need to inspect the element in question please share the link to the page.
Best regards,
Vinay KashyapMarch 22, 2016 at 10:20 pm #602173Hi Vinay, thanks for your help.
I actually think I have it figured out. This works if you think it seems like the right css and that I am not creating other problems on the site.
form.avia_ajax_form.av-form-labels-hidden.avia-mailchimp-form p#element_avia_3_1 {display: none;}
form.avia_ajax_form.av-form-labels-hidden.avia-mailchimp-form p#element_avia_4_1 {display: none;}
form.avia_ajax_form.av-form-labels-hidden.avia-mailchimp-form p#element_avia_5_1 {display: none;}This removes the third, fourth & fifth fields from the contact form.
March 22, 2016 at 10:30 pm #602183Hi Keith!
Glad you figured it out! Your code is correct, just ensure that those fields you have hidden are also not hidden on the you wanted them to show up on.
Cheers!
JordanApril 8, 2016 at 7:32 pm #610381same question… mine is on the footer….
NEVERMIND- I used the code above- thanks
- This reply was modified 8 years, 7 months ago by kbarranco.
April 8, 2016 at 9:14 pm #610412Hi!
WIll close the topic, thanks a lot for confirming it does work as should.
Best regards,
BasilisApril 8, 2016 at 11:52 pm #610447wait- I spoke too soon.
It only works on one page on the footer.April 9, 2016 at 8:45 am #610531Hey!
To hide some mailchimp fields only on selected pages please follow the below steps.
1. First get the page ID of the pages in which you need to hide the form fields.
To get the page ID right click inspect the page get the page id class name from the body tag.2. Right click on the form field which you like to hide for example the name field. You will see the below code
<p class=" first_form form_element form_fullwidth" id="element_avia_1_1"> <input name="avia_1_1" class="text_input " type="text" id="avia_1_1" value="" placeholder="Name"></p>
3. Select the unique ID such as id=”element_avia_1_1″ and combine it with the page ID class name example.
.page-id-xxx #element_avia_1_1 { display:none!important; }
Repeat this for other fields which you like to hide.
Best regards,
VinayApril 9, 2016 at 9:17 am #610535I appreciate you doing this. but I have about a hundred pages. I think I will make a new form in mailchimp. again, thanks for your thoughtful reply.
-
AuthorPosts
- The topic ‘Mailchimp widget – remove / hide form fields’ is closed to new replies.