Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2492069
Mailchimp Header Sign-up Form
Closed

Comments

  • Fadi started the conversation

    Anyone knows how to fix the below issues with Mailchimp header sign-up form

    1. In desktop mode:
      1. To hide "Description" text
      2. To change custom message font color to "white"
      3. To align all fields as well as the Subscribe button to center
    2. In responsive mode:
      1. To hide "Description" text
      2. To align all fields and button to center and resize them equally
      3. To increase the height of the button as the same in the footer form

    Note changes required to the footer sign-up form.

  •  2,699
    PenciDesign replied

    Hi,

    Please try add more this code to Customize > Custom CSS:

    .penci-header-signup-form .mc4wp-form-fields > p.mdes{ display: none; }
    .penci-header-signup-form .mc4wp-response p, .footer-subscribe .mc4wp-response p{ color: #fff; }
    @media only screen and (max-width: 960px){
    .penci-header-signup-form .mc4wp-form-fields > p, .penci-header-signup-form form > p{ padding: 0 !important; }
    .penci-header-signup-form .mc4wp-form input[type="text"], 
    .penci-header-signup-form .mc4wp-form input[type="email"]{ margin-left: auto; margin-right: auto; text-align: center; }
    .penci-header-signup-form .mc4wp-form input[type="submit"]{ height: 48px; line-height: 48px; padding: 0; }
    }
    

    Best Regards,

    PenciDesign

  • Fadi replied

    Thanks you so much.

    One more question. Why the submit button on mobile does not look like the same as on the web (for both header and footer sign up forms).

    Thanks again for your great support.

  •  2,699
    PenciDesign replied

    Hi,

    Because that's style for all iOS buttons. The iOS operating system has auto changed it to that button..

    You can see it's normal on Android devices.


    Best Regards,

    PenciDesign