Issue with Mailchimp newsletter box

This topic has 8 replies, 3 voices, and was last updated 5 years, 6 months ago by Jeriss Cloud Center.

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

Author

Posts
August 27, 2019 at 10:36 am #140597

Jeriss Cloud Center
Participant

Dear,

Please check the video : https://gevcen.tinytake.com/tt/MzcyNzY5OF8xMTM0NTI2Ng

You’ll see that the cross X is not correctly displayed. It’s partially out of the text field.

Can you fix this please?

THanks

August 27, 2019 at 11:37 am #140614
Eric Watson
Participant
Hello,

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.
```
input::-ms-clear {
   display: none;
}
```
Kind Regards
XTemos Studio
August 27, 2019 at 11:42 am #140618

Jeriss Cloud Center
Participant

Dear,

This code removes the cross buton. I don’t want to remove it, I want its position to be fixed.

THanks

August 27, 2019 at 12:03 pm #140627
Bogdan Donovan
Keymaster
Try to add the following code snippet to the Custom CSS area in Theme Settings.
```
.mc4wp-form-fields input[type=email] {
	padding-right: 30px;
}
```
Regards
August 27, 2019 at 1:18 pm #140661

Jeriss Cloud Center
Participant

This code again hides the cross button. As I said, I do not want to hide it.
I just want it to be correctly positionned.

August 28, 2019 at 1:37 am #140672

Bogdan Donovan
Keymaster

Hi,

Latest code that we provided does not hide following icon, it will change cross position on IE browser like you described in this reply (https://xtemos.com/forums/topic/issue-with-mailchimp-newsletter-box/#post-140618).

Make sure that you removed previous code (https://xtemos.com/forums/topic/issue-with-mailchimp-newsletter-box/#post-140614) and applied last code snipped correctly to the Custom CSS area. After all changes, your mail chimp form should look like this (https://gyazo.com/5f0ef89f5171d46b1b8a28528013e545)

Regards

August 28, 2019 at 7:24 am #140801

Jeriss Cloud Center
Participant

Bogdan,

Please check this video : https://gevcen.tinytake.com/tt/MzcyOTk5OF8xMTM1Mjk0MA

I have put your code in Custom CSS and saved.
I cleared cache and reload the page.
The issue is still there.

Note that my issue is not only with IE but all browsers.

August 28, 2019 at 8:14 pm #140813

Bogdan Donovan
Keymaster

WebKit engine browsers like Chrome, Opera and others didn’t have a cross icon on input forms by default and it cant be added, changed or hidden via WordPress theme.

Since this cross is present only in Edge and IE browser, code that we provided is also will work only in following browsers and form will look like this (https://gyazo.com/5f0ef89f5171d46b1b8a28528013e545)

Regards

August 30, 2019 at 11:13 am #141278

Jeriss Cloud Center
Participant

Thanks, you can close this ticket
Author

Posts

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

The topic ‘Issue with Mailchimp newsletter box’ is closed to new replies.

Issue with Mailchimp newsletter box

Create your WordPress website.