Return to previous page

XStore Tea > footer > mailchimp subscribe styling not working

This topic has 6 replies, 3 voices, and was last updated 5 years, 1 months ago ago by Rose Tyler

Robert

Participant

February 23, 2019 at 21:28
Hello

I imported the tea demo. It all seems to have been imported OK, except the mailchimp subscribe form in column 2 of the footer area. See screenshot.

https://prnt.sc/mp6san

The css was imported from options.json and the cache refreshed. The css does seem to include references to mailchimp which are not applied to the form itself for some reason.
```
/*Content*/
body .mc4wp-form .et-mailchimpm input[type="submit"] {
    color: #fff;
    height: 40px;
    border: none !important;
    border-top: 1px solid rgba(255, 255, 255, 0);
    border-right: 1px solid rgba(255, 255, 255, 0);
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0px;
    background: #007203 !important;
    background-size: 16px;
}
.mc4wp-form .et-mailchimpm input[type="email"]::-webkit-input-placeholder{
    color: #999 !important;
    font-size:12px !important;
    text-align:left !important;
} 
```
Please advise?

Regards

Please, contact administrator
for this information.
#209706 Copied Theme version: 5.1.6.1
5 Answers

Rose Tyler

Support staff

February 25, 2019 at 08:13

Hello,

I’ve changed the content of the form to – http://prntscr.com/mpp18c
https://xstore.helpscoutdocs.com/article/91-mail-chimp-form-custom-styles

Regards

#209748 Copied

John Holden

Support staff

February 25, 2019 at 08:24

Hi,

I’ve fixed your issue. Please check your site again.

Regards,

#209750 Copied

Robert

Participant

February 25, 2019 at 12:09

Hi Hung The

Thanks for your help. I applied the change you mentioned to the live site (not my temporary site for testing changes), and although the button now looks like it should do, the text box looks squashed. See screenshot:-

https://prnt.sc/mpsddr

Did you also change something else you haven’t mentioned in the css somewhere?

Regards

#209781 Copied
Robert

Participant

February 25, 2019 at 12:23
I have noticed this difference.

On the temporary site, I use to test changes that I gave you access to, I see this in the custom css:
```
.et-mailchimpm{
    position:relative;
    width:90% !important;
    margin-bottom:20px !important;
}
```
but on my site I am working on, which uses the default tea demo custom css, there are differences:
```
.et-mailchimpm{
    position:relative;
    width:50% !important;
    margin-bottom:20px !important;
}
```
You did not mention this change. Are there any other changes that you made?

Regards
#209782 Copied
Rose Tyler

Support staff

February 25, 2019 at 13:03

Hello,

We did not make any other changes.
Let us know if you need any further assistance.

Regards

#209786 Copied
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘XStore Tea > footer > mailchimp subscribe styling not working’' has been successfully resolved, and the topic is now closed for further responses

XStore Tea > footer > mailchimp subscribe styling not working

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection