This topic has 7 replies, 2 voices, and was last updated 9 years by Radu.

  • Author
  • #72387
     allspy
    Participant

    Hi,

    I need to add the field “Name” to the mailchimp subscription form.

    I’m using the recommend Mailchimp plugin – MailChimp for WordPress

    I’ve try to add it, but it appears the email field belloow the name field instead of side by side.

    My form code:

    <div class=”form-inline”>
    <input type=”text” id=”mc4wp_name” class=”input-lg” name=”NAME” placeholder=”Your name” required />
    <input type=”email” id=”mc4wp_email” class=”input-lg” name=”EMAIL” placeholder=”Your email address” required />
    SUBSCRIBE
    </div>

    I’m sending you the image attached.

    I also need t know how do I change the subscription button color.

    Thanks

    Attachments:
    You must be logged in to view attached files.
    #72477
     Radu
    Moderator

    Hi,

    Can you provide live URL where the form appears ?

    Regards

    Radu

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #72481
     allspy
    Participant

    Hi Radu,

    Thanks for the reply.

    For now the site is not online, it is currently installed on my PC.

    I’ve sent you the mailchimp form code I was using, and a print screen of how it look like on the front.

    Can you help me with those data?

    Thanks

    #72590
     Radu
    Moderator

    Hi,

    Try like this

    Add this css in Quick CSS area from Wp-Admin -> Theme Options -> General Settings or in kleo-child/style.css

    COPY CODE
    
    .form-inline input {display:inline-block;}
    

    Let me know if it works.

    Cheers

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #72592
     allspy
    Participant

    Hi Radu,

    Thank you. It worked.

    I also need to change the “subscribe” button color, can you help me?

    Thanks

    #72606
     Radu
    Moderator

    Please paste again the code in < pre > code here tags

    Regards

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #72627
     allspy
    Participant
    COPY CODE
    
    <div class="form-inline">
    <input type="text" id="mc4wp_email" class="input-lg" name="NAME" placeholder="Your name" required />
    <input type="email" id="mc4wp_email" class="input-lg" name="EMAIL" placeholder="Your email address" required />
    <a>SUBSCRIBE</a>
    </div>
    
    #72683
     Radu
    Moderator

    Hi

    COPY CODE
    
    .form-line a {background-color:red;}
    

    Replace red with your desired color

    COPY CODE
    
    .form-line a {background-color:red;color:white;}
    

    The second snippet allows to set button background color and text button color, replace colors with your desired colors.

    Regards

    Radu

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
Viewing 8 posts - 1 through 8 (of 8 total)

The forum ‘KLEO’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?