Docs

[Zevfelix]

Is it possible to put an icon like the [x_icon type=”envelope-o”] into a Mailchimp Email Field Placeholder? similar to the screen shot from my mockup? When I attempt this it just shows shortcode in the form.

[Nabeel A]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Zevfelix]

This reply has been marked as private.

[Zevfelix]

Also trying to make the form field and submit button inline or next to each other, how is this achieved?

[Darshana]

Hi there,

Try adding the following CSS rules into your Customizer, Custom > CSS area and then you can further adjust according to your preference.

#x_subscribe_form_email {
    margin-bottom: 0;
}

.page-id-2 #x-section-1 .x-text > p {
    margin-bottom: 5px;
}

.x-text .x-icon-envelope-o {
    color: #ff0000;
    float: right;
    font-size: 32px;
}

Hope that helps.

[Zevfelix]

This reply has been marked as private.

[Rupok]

Hi there,

It’s not possible to place the X Icons with CSS here but you can use an image icon.
You can add this under Custom > CSS in the Customizer.

#x_subscribe_form_email {
  background-image: url("https://cdn4.iconfinder.com/data/icons/twitter-ui-set/128/Mail-128.png");
  background-position: 5px center;
  background-repeat: no-repeat;
  background-size: 20px auto;
  min-width: 150px;
  padding-left: 30px;
}

You can download the icon from here and upload to your site – https://www.iconfinder.com/icons/613533/email_envelope_letter_mail_message_send_icon#size=128

Then change the image path with your uploaded image URL. You might need to adjust the background size, padding etc.

Cheers!

[Author]

Posts