-
Author
-
August 10, 2015 at 11:31 #72387allspyParticipant
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.August 10, 2015 at 20:16 #72477RaduModeratorHi,
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 solutionAugust 10, 2015 at 20:37 #72481allspyParticipantHi 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
August 11, 2015 at 18:28 #72590RaduModeratorHi,
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 solutionAugust 11, 2015 at 19:03 #72592allspyParticipantHi Radu,
Thank you. It worked.
I also need to change the “subscribe” button color, can you help me?
Thanks
August 11, 2015 at 20:56 #72606RaduModeratorPlease paste again the code in < pre > code here pre > tags
Regards
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionAugust 11, 2015 at 23:45 #72627allspyParticipantCOPY 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>
August 12, 2015 at 13:03 #72683RaduModeratorHi
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 -
AuthorPosts
The forum ‘KLEO’ is closed to new topics and replies.