CSS edditing

Hi,

Open “mailchip.php” file in plugin directory and find “mailchimpSF_main_css” function, That function related to CSS of the plugin front-end.

Thanks

Hi Aspenoracle,

Thanks for hopping in the forum. While you can edit the plugin’s code to change the width. It might be better to add the css directly to your theme’s style.css file. Then the changes will stay when the plugin is updated.

To edit your style.css file, go to the WordPress admin area and click on Appearance > Editor. Then select your theme in the upper right, scroll down the page and look for the style.css file.

You can scroll to the bottom of the text on the left and add the css at the end of the code to adjust the rollover color and change the input width.

This css will change the color to red when rolling over, you can change it to what ever you want.

#mc_signup_submit:hover {
background-color: red;
}

This css will change the width to 40% instead of the 100% that it is the default.

.mc_merge_var input{
width: 40%;
}

Let us know if you have any other questions.

-mc_d

Thank you! That worked.

I’d also like to change the width of the subscribe button…I tried plugging in a few things, but nothing worked. I obviously don’t really understand how css works:)

Please let me know how to change the width of the subscribe as well!

Thanks!

https://www.livingfromtheinsideout.org/

Hey Aspenoracle!

I’m glad mc_d’s suggestions helped. For getting that subscribe button to shrink down as well, you can add this to your CSS:

#mc_signup_submit {
width: 40% !important;
}

That should get things working for you!

Let us know if we can help with anything else!
-Gabe

Hi, This maybe a stupid question but where do I get the color codes so I can change colors of text and background.

Hey Brett1317,

Using a color picker within a piece of image editing software can help, as can using an online tool like https://www.colorpicker.com/ or https://www.color-hex.com/.

-Gabe