Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 3, 2018 at 7:30 am #1029424
    Bizzoyce

    Hey There,

    I am looking to create a 1 line email submit form. I have tried to do this a few ways an non of them are working. I just keep getting the same 2 lined form. I am looking for what is the easiest way to do this with the least amount of code and no plugins if possible.

    So it should look like

    “TagLine” [Enter Email] [Enter Name] [Submit Button]

    I have this in my css and text box on site

    <!– Begin MailChimp Signup Form –>
    <div id=”mc_embed_signup”><form class=”validate” id=”mc-embedded-subscribe-form” action=”https://tokenswag.us18.list-manage.com/subscribe/post?u=b78b46d1d40d0433667a465a6&id=c134d0fb7e&#8221; method=”post” name=”mc-embedded-subscribe-form” novalidate=”” target=”_blank”>
    <div class=”mc-field-group”>Puff puff press to prescribe to Token News <input class=”required email” id=”mce-EMAIL” type=”email” name=”EMAIL” placeholder=”Email Address” value=”” /><input class=”required” id=”mce-FNAME” type=”text” name=”FNAME” placeholder=”First Name” value=”” /><input class=”button” id=”mc-embedded-subscribe” type=”submit” name=”subscribe” value=”Get Token!” /></div>
    </form></div>
    input[type=”email”], input[type=”text”]{
    display:inline-block !important;
    }
    <!–End mc_embed_signup–>

    November 4, 2018 at 4:32 am #1029551
    Rikard

    Hey Bizzoyce,

    Where can we see the results you are getting?

    Best regards,
    Rikard

    November 5, 2018 at 1:49 am #1029724
    Bizzoyce
    This reply has been marked as private.
    November 5, 2018 at 6:12 am #1029769
    Rikard

    Hi,

    Thanks for that, though we can’t access that page unless we are logged in to your site. Please post login details in private.

    Best regards,
    Rikard

    November 6, 2018 at 1:13 am #1030130
    Bizzoyce
    This reply has been marked as private.
    November 6, 2018 at 8:56 am #1030288
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    .page-id-14 #mc-embedded-subscribe-form input {
    display: inline-block !important;
    width: 32%;
    margin-left:10px;
}

    Best regards,
    Rikard

    November 6, 2018 at 11:13 am #1030330
    Bizzoyce

    That worked for the most part, i took out what i had in there before and just added what you said, Now the email and name boxes are there but the submit button is on a different line. I am wondering if I can shorten the email and name box and make the button smaller so i can add a phrase to the whole thing.

    Also, How would I go about adding this to other pages and not just my home one. is there an easy way to do this.

    Thanks

    Ryan

    November 7, 2018 at 8:01 am #1030711
    Rikard

    Hi Ryan,

    Thanks for the update. You seem to have a strong tag in there with this text: Puff puff press to prescribe to Token News, could you try to remove that? It has the same colour as the background so it’s not visible.

    If you want the CSS to apply globally then you can remove the .page-id-14 bit from the code.

    Best regards,
    Rikard

    November 8, 2018 at 10:42 pm #1031430
    Bizzoyce

    I changed out the Strong tag but didn’t do much. I changed the background I had some other CSS on the theme spot not just Enfolds area.

    I took it out. So now I have just have the regular code in a text box. And this is the customer CSS I have under enfold. Still seeing this as a normal form.

    Name
    Email
    Submit.

    I need :

    Name Email Submit.

    #mc-embedded-subscribe-form input {
    display: inline-block !important;
    width: 32%;
    margin-left:10px;
    }
    .mc-field-group{
    background-color: #e1e1e1;
    padding: 10px;
    }

    November 10, 2018 at 6:57 am #1031916
    Rikard

    Hi,

    Thanks for the update. Please try this instead:

    .page-id-14 #mc-embedded-subscribe-form input {
    display: inline-block !important;
    width: 32% !important;
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.