[Plugin: MailChimp List Subscribe Form] Working great, but want to modify text color..

I figured out how to change the text color and content using the plugin editor- yay!
Mow I would like to move the “subscribe” button to the same line as the form where you enter your email..
Because of the width of my sidebar (i think) the button moves off center.. Here is a link- easier to see than explain:
https://christopherferreira.com/stage/about/
I want to move the button up so it is next to entry form.. Anyone know how this is possible?

To really get custom styling, you need to turn off our “custom styling” option and write your own CSS to target the form elements and move them around. I believe you *should* be able to do what you want, but am not positive.

The other option is to get the embed code form for your list and truly makes things look exactly like you’d like.

Is it possible to use the imbed code in a widget, or will it only work on a page? Thanks for your answer. My CSS knowledge isn’t so great, so I don’t think I can do that..

The embed code is just HTML, so anywhere you know how to place that you can use it. There are some includes you’ll probably want to pull out and place in your theme’s header section. You’ll also still have to re-layout the form yourself, though I suppose you can probably do what you need without using css.

I get some crippling javascript errors when I embed it in a widget. I think the simplest solution for me would be to keep the widget – I don’t need a whole form really- just the basic email entry box. I just wish I could figure out how to move the button or lengthen the text box so it looked more symmetrical. Any idea which .css file I should l dig into in the plugin editor. My guess is the main one (mailchimp/mailchimp.php), but i am not sure what code to look for. Any ideas?

All you options have been listed in this thread. You may just want to enlist the help of someone more familiar with html/css/javascript to get you to a solution you are happy with.

Thanks for following up jesse. I got it sorted by adding:

#mc_signup_form #mc_mv_EMAIL {
float:none;
width:200px;
}

#mc_signup_submit {
float:left;
margin-top: 1px;
}

to style.css in the editor. The float can be changed to left/right as well as margin and width..

This is EXACTLY what I want to do too. But I don’t have a “styles.css” form in my plug-in… I only have an admin.css and an ie.css… so where did you actually add the CSS please?

And also, I’ve just noticed both the CSS files I listed above are labelled as ‘inactive’!

Can anyone help, please?

The file is in your theme, not the plugin. Even then, the filename doesn’t matter – just include the css block in one that is included at least on every page the plugins appears on.