Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 22, 2016 at 7:21 pm #602077
    Keith

    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 #602134
    Vinay

    Hi 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 Kashyap

    March 22, 2016 at 10:20 pm #602173
    Keith

    Hi 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 #602183
    Jordan

    Hi 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!
    Jordan

    April 8, 2016 at 7:32 pm #610381
    kbarranco

    same 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 #610412
    Basilis

    Hi!

    WIll close the topic, thanks a lot for confirming it does work as should.

    Best regards,
    Basilis

    April 8, 2016 at 11:52 pm #610447
    kbarranco

    wait- I spoke too soon.
    It only works on one page on the footer.

    April 9, 2016 at 8:45 am #610531
    Vinay

    Hey!

    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,
    Vinay

    April 9, 2016 at 9:17 am #610535
    kbarranco

    I 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.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Mailchimp widget – remove / hide form fields’ is closed to new replies.