Removing background image from MailChimp Signup Form Email Format radio buttons

To remove the background image from the MailChimp Signup Form Email Format radio buttons use this CSS div#mc_embed_signup ul li { background-image: none; } If you have a theme where you use custom images for list item bullets AND you have a MailChimp Signup Form on your web page then you may have noticed some unwanted styling on the Email Format radio buttons. You can get rid of these bullets by adding the above line to a stylesheet.

How do I do this?

There are many ways of changing stylesheets. For each of the following you will need the appropriate permissions.

1. Edit the current theme’s style.css.
2. Install oik and use the edit custom CSS functionality
3. If all you want to do is to remove the background image then you could wait for oik version 1.6, where it will be provided as standard.

Edit the current theme’s style.css

I don’t recommend doing this normally since you will lose the customization if the theme gets updated automatically. But it is possible.

1. From the Dashboard choose Appearance > Editor
2. Copy and paste the above line into the style.css file
3. Click on Update File

Use the oik custom CSS functionality

This method is a bit safer than the first one. You may still lose your customizations if you delete and re-install a theme.

1. Install the oik plugin, or upgrade to version 1.5
2. Activate the oik base plugin and hoose Settings > oik options
3. For the Custom CSS in theme directory type something like

   custom.css

4. Choose Save changes
5. When Settings saved is displayed click on the edit custom CSS link (part of Usage notes)
6. Paste the above line into the displayed custom.css file