New to the community? Start here

Changing text colour on MailChimp Integration response

How can i change the colour of the text response that is given when someone signs up to a MailChimp list? (see attached file)

Also is it possible to alter the alignment and colour of the text on the form itself?

Thanks

Michael Bissett
- Recruit: Earn your WPMU DEV membership
- 1,513 pts: Hero points 11,180 pts: Rep. points LEVEL 28
Hey @Alex, hope you're doing well today! :slight_smile:

How can i change the colour of the text response that is given when someone signs up to a MailChimp list? (see attached file)

That can be done by inserting this CSS code into a plugin like Simple Custom CSS, and modifying the color value to your desired color:
```
p.incsub-mailchimp-updated {
    color: #000;
}
```
Also is it possible to alter the alignment and colour of the text on the form itself?

Sure is! :slight_smile:

Just insert this CSS code, and adjust the values accordingly, to suit your needs:
```
label.incsub-mailchimp-label {
    color: #000;
    text-align: right;
}
```
Hope this helps! :slight_smile:

Kind Regards,
Michael
Alex
- Recruit: Earn your WPMU DEV membership
- 4 pts: Hero points 284 pts: Rep. points LEVEL 5
Thats great thanks.

Could you give me the relevant tags for the descriptive content, title and subscribe buttons also please?

Cheers

AJ
Michael Bissett
- Recruit: Earn your WPMU DEV membership
- 1,513 pts: Hero points 11,180 pts: Rep. points LEVEL 28
Hey @Alex,

Sure thing! Here's the list in the order you requested, along with a color change (should that be what you're looking to alter):
```
.incsub-mailchimp-form p:nth-of-type(2) {
    color: #000;
}

.incsub-mailchimp-widget > h1.widget-title {
    color: #000;
}

.incsub-mailchimp-form input.incsub-mailchimp-submit {
    color: #000;
}
```
Hope this helps! :slight_smile:

Kind Regards,
Michael
Alex
- Recruit: Earn your WPMU DEV membership
- 4 pts: Hero points 284 pts: Rep. points LEVEL 5
Thats excellent Michael, thank you.

Just one final thing (I hope). How do I align the subscribe button? What is it's tag?

Thanks in advance

AJ
Michael Bissett
- Recruit: Earn your WPMU DEV membership
- 1,513 pts: Hero points 11,180 pts: Rep. points LEVEL 28
Hey @Alex,

That'd be the last tag that I mentioned here:

.incsub-mailchimp-form input.incsub-mailchimp-submit

If you wanted to center align the button, you'd need this CSS code:
```
.incsub-mailchimp-form input.incsub-mailchimp-submit {
    margin: 0 auto;
    display: block;
}
```
Hope this helps! :slight_smile:

Kind Regards,
Michael
Alex
- Recruit: Earn your WPMU DEV membership
- 4 pts: Hero points 284 pts: Rep. points LEVEL 5
Spot on! Thank you muchly :wink:
Alex
- Recruit: Earn your WPMU DEV membership
- 4 pts: Hero points 284 pts: Rep. points LEVEL 5
All resolved