Show placeholder texts in mailchimp newsletter form (Enfold) + remove label text - Support

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
September 1, 2018 at 5:04 pm #1004432

sandrameyer
Participant

Hi there,
I’m using the Enfold theme and have added the mailchimp form from the content elements.
Now I would like to customize the mailchimp newsletter form, so that

1. the form dosn’t show label texts above the input fields (e.g. name, email-address) – how can I remove the labels above the fields?
2. Instead of labels above I would like to (only) show placeholder texts inside the fields. The placeholder texts should be grey for all fields with the font family ‘Roboto’, font size: 10px.

Could you please provide me with the CSS that I could add to the quick CSS section in General stylings to achieve these changes?
Many thanks!

September 1, 2018 at 9:26 pm #1004465
Mike
Moderator
Hey sandrameyer,
To hide the form labels open your mailchimp element & go to the form styling tab and check the Hide Form Labels box:
This will make the form use gray placeholder text instead.
To change the font, Please try this code in the General Styling > Quick CSS field:
```
::-webkit-input-placeholder {
    color: #919191 !important;
    font-family: Roboto !important; 
    font-size: 10px !important;
}
:-moz-placeholder {
    color: #919191 !important;
    font-family: Roboto !important; 
    font-size: 10px !important;
}
::-moz-placeholder {
    color: #919191 !important;
    font-family: Roboto !important; 
    font-size: 10px !important;
}
:-ms-input-placeholder {
    color: #919191 !important;
    font-family: Roboto !important; 
    font-size: 10px !important;
}
```
Best regards,
Mike
September 1, 2018 at 11:15 pm #1004486

sandrameyer
Participant

Hi Mike,
it works – you made my day, many thanks!!
Best,
Sandra

September 2, 2018 at 12:15 am #1004509

Mike
Moderator

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Show placeholder texts in mailchimp newsletter form (Enfold) + remove label text’ is closed to new replies.