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 #1580559
Change Footer-SignUp
Closed

Comments

  • Jonas310398 started the conversation
    May 19, 2018 at 11:55am

    Hey,

    how can I add a name field to the footer signup formular?

    Like in my sidebar.


    Best Regards

    Jonas Schneider

  •  2,700
    PenciDesign replied
    May 19, 2018 at 4:51pm

    Hi,

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

    .footer-subscribe .mc4wp-form{ max-width: 600px; }
.footer-subscribe .mc4wp-form .mdes{ margin-left: -70px; }
.footer-subscribe .mc4wp-form .mname { display: inline-block; float: left; width: 220px; margin-right: 10px; }
.footer-subscribe .mc4wp-form .memail { display: inline-block; float: left; width: 220px; }
@media only screen and (min-width: 769px){
    .footer-subscribe .mc4wp-form .mdes{ margin-left: 0; }
    .footer-subscribe .mc4wp-form .mname,
    .footer-subscribe .mc4wp-form .memail { margin-right: 0; margin-left: 0; width: 100%; }
    .footer-subscribe .mc4wp-form .msubmit{ width: 100%; margin-left: 0; }
    .footer-subscribe .widget .mc4wp-form input[type="email"],
    .footer-subscribe .widget .mc4wp-form input[type="text"],
    .footer-subscribe .widget .mc4wp-form input[type="submit"]{ max-width: 100%; }
}

    Best Regards,

    PenciDesign

  • Jonas310398 replied
    May 19, 2018 at 8:58pm

    Okay, thanks a lot. That worked fine. :)

    But now, how can I make the text look the same like in the e-mail field?



    Best Regards

    Jonas

  •  2,700
    PenciDesign replied
    May 20, 2018 at 4:17am

    Hi,

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

    .footer-subscribe .widget .mc4wp-form .mname input[type="text"]{ height: 48px; line-height: 48px; font-size: 14px; }
.footer-subscribe input[type="text"]::-webkit-input-placeholder { color: #313131; }
.footer-subscribe input[type="text"]:-moz-placeholder { color: #313131; opacity: 1; }
.footer-subscribe input[type="text"]::-moz-placeholder { color: #313131; opacity: 1; }
.footer-subscribe input[type="text"]:-ms-input-placeholder { color: #313131; }
.footer-subscribe input[type="text"]::-ms-input-placeholder { color: #313131; }


    Best Regards,

    PenciDesign

  • Jonas310398 replied
    May 20, 2018 at 11:12pm

    Thanks a lot! :)