Issue with Mailchimp newsletter box

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

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

Dear,

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

THanks

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

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.

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

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.

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

Thanks, you can close this ticket

[Author]

Posts