Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 23, 2022 at 5:26 am #1349190
    Intell

    Hello, 2 things.
    1)
    I was trying to use the Enfold MailChimp feature for a contact form and it works beautifully EXCEPT, for some reason the “message” field doesn’t show.

    Is there a fix for this or just out of luck? You guys helped me with my Enfold form customization and that translated to the MailChimp element so needless to say, I’m ecstatic! Just wish I could get that silly “message” field to display.

    See details in the Private section

    2) how can I make a hover background color on the submit button for the Mailchimp sign up form? #A78F4F
    I assume the same fix will work on the MailChimp contact form if that can be made to work too.

    Thank you!!

    April 23, 2022 at 11:12 pm #1349248
    Intell

    Oh gosh! 1 more thing. I promise I’m going to put all my questions and your answers in a thread so it will help all the other people with all the same needs!! Lol

    Ya’ll helped me with making the Enfold contact input field’s backgrounds transparent, but the Text Area wasn’t included.

    So then I would like MailChimp submit button to look the same as the Enfold Contact Form submit button, same size and orientation.
    If this is possible.

    This is the css I have so far 

    

#top #main input[type='submit'].button {
    background-color: transparent;
    color: #3c5c85;
    border: 1px solid #ae883d;
}
#top #main input[type='submit'].button,
#top #main input[type='text'] {
    background-color: transparent;
    color: #3c5c85;
    border: 1px solid #ae883d;
}

.avia-mailchimp-form input {
    text-align: center;
    font-family: 'Josefin Sans';
}

.toggler {
border-top: none!important;
border-bottom: none!important;
}

span.blog-author.minor-meta, .text-sep-date {
    display: none!important;
}

#top .avia_ajax_form.avia-mailchimp-form input[type='submit'] {
  font-size: 22px;
  
}

#top .avia_ajax_form.avia-mailchimp-form input[type='text'] {
    font-family: 'josefin sans'; 
  
}

    Thank you!!

    April 24, 2022 at 1:39 pm #1349278
    Intell

    Got my answer for the submit button.

    Now I need to figure out how to get the “message” text area of my form to show up in my website.
    And the message text area to be transparent background.
    And submit button to be #A78F4F on hover.

    .avia-mailchimp-form input.button {
    width: auto;
    min-width: 142px;
    display: table;
    margin: 0 auto;
    padding: 20px 25px;
}
    April 24, 2022 at 2:16 pm #1349280
    Intell

    Hey – you guys are teaching me!! I finally figured out how to change the submit background hover color!!!

    Hope this helps someone else!!

    #top #main .avia-mailchimp-form input.button:hover {
   background-color: #ae883d;  
}
    April 24, 2022 at 2:21 pm #1349281
    Intell

    Only thing left is to get the Message text area to show up, but no one seems to be helping on this thread.

    Just in case… details below.

    April 28, 2022 at 6:48 am #1349751
    Ismael

    Hi,

    Thank you for your patience.

    The Mailchimp Signup element only supports basic form fields such as text and dropdowns at the moment. Make sure that the message field is a text element. You should see this notice in the element editor.

    Please note: This element currently only supports basic list subscription with basic form fields (text and dropdowns). Please let us know if you would like to see more advanced features.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.