Newsletter Signup | PenciDesign Support

PenciDesign replied

6 years ago

Staff Reply

Hi,

You can add more this code to Customize > Custom CSS to do that:

div.wpforms-container .wpforms-form.wpforms-form input[type=submit]:hover, 
div.wpforms-container .wpforms-form.wpforms-form button[type=submit]:hover, 
div.wpforms-container .wpforms-form.wpforms-form .wpforms-page-button:hover, 
.mc4wp-form input[type=submit]:hover{ color: #fff; background-color: #d0142c; border-color: #d0142c; }

Best Regards,

PenciDesign

masha_design replied

6 years ago

Customer Reply

Hello guys,

I hope you are doing well. I am working on the form again and do not quite understand how to style it so that it synched with the child theme or the existing form in the footer.

https://centreforbrexitpolicy.org.uk/testing/donation-completed/ Has two forms inserted with the shortcode provided by MC4WP. However, one in the body of the text has green signup button on hover, while the one in the footer and the whole theme has a red.

i am using [mc4wp_form id="1409"] code with the form code

Form settings in style set to inherit from Soledead Child Theme.

could you help me to achieve the red button on hover for the form in the text.

many thanks

vic

PenciDesign replied

6 years ago

Staff Reply

Hi,

Yeah, by default we will hide the name field on subscrible form on the footer because that's not required field to make the form look better. If you want to make it displayed, please try add more this code to Customize > Custom CSS:

.footer-subscribe .mc4wp-form .mname{ display: block; }
.footer-subscribe .mc4wp-form .memail,
.footer-subscribe .mc4wp-form .msubmit{ float: none; display: block; width: 100%; margin-right: 0; }
.footer-subscribe .mc4wp-form .msubmit input,
.footer-subscribe .widget .mc4wp-form input[type="email"], .footer-subscribe .widget .mc4wp-form input[type="text"]{ width: 100%; max-width: 100%; }

Best Regards,

PenciDesign

masha_design started the conversation

6 years ago

Conversation Start

Thanks for your help so far!

I am setting up Newsletter Signup in the header and footer, using your widgets. Currently there is only one form within Mailchimp sing up, which is used by default.

However, after demo import the footer form looks different (there is no name in it) while top one added by me has the name field. How do you achieve this effect? within MC4WP plugin there is only one Default sign up form with [mc4wp_form id="1729"], which reads

<p class="mdes">Subscribe to our newsletter for latest news and analysis.</p>
               <p class="mname"><input type="text" name="NAME" placeholder="Your name..." /></p>
               <p class="memail"><input type="email" id="mc4wp_email" name="EMAIL" placeholder="Email..." required /></p>
               <p class="msubmit"><input type="submit" value="Subscribe" /></p>

Many thanks

vic