YLE

Thank you, I've added it to the home page and worked perfectly. Just one more thing but it has a bit too much space below the form. Is there any way to get rid of the empty space? Thank you.

Yes, it's this: https://www.yourlittleexhibition.com/enter-giveaway

Of course. I managed to change the subscribe button to "sign up" so please ignore that bit. Here's the code: <div id="mc_embed_shell"> <link href="//cdn-images.mailchimp.com/embedcode/classic-061523.css" rel="stylesheet" type="text/css"> <style type="text/css"> #mc_embed_signup{background:#transparent; false;clear:left; font:14px quasimoda; width: 600px; max-width: 100%} </style> <div id="mc_embed_signup"> <form action="https://yourlittleexhibition.us17.list-manage.com/subscribe/post?u=af12150a1a88aedf405d3dcf2&amp;id=3020868e03&amp;f_id=0043c2e1f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank"> <div id="mc_embed_signup_scroll"><h2>Enter the giveaway!</h2> <div class="indicates-required"><span class="asterisk">*</span> indicates required</div> <div class="mc-field-group"><label for="mce-FNAME">First Name </label><input type="text" name="FNAME" class=" text" id="mce-FNAME" value=""></div><div class="mc-field-group"><label for="mce-LNAME">Last Name </label><input type="text" name="LNAME" class=" text" id="mce-LNAME" value=""></div><div class="mc-field-group"><label for="mce-EMAIL">Email Address <span class="asterisk">*</span></label><input type="email" name="EMAIL" class="required email" id="mce-EMAIL" required="" value=""></div><div class="mc-field-group"><label for="mce-SMSPHONE">SMS Phone Number </label><div class="" style="display: flex; border: 1px solid rgb(171, 176, 178);"><div style="display: flex;"><span style="padding-left: 16px; padding-right: 4px; align-self: center;"><div style="display: flex; align-content: flex-start; align-items: center; gap: 10px;"><img src="https://digitalasset.intuit.com/render/content/dam/intuit/mc-fe/en_us/images/forms-landing-pages/smsphone/flag-uk.svg" alt="Country Code" width="28" height="28"></div></span></div><input type="text" name="SMSPHONE" class="REQ_CSS" id="mce-SMSPHONE" value="" style="border: none;"></div><div class="mc-sms-phone-group"><div class="small-meta">Your Little Exhibition - By providing your phone number, you agree to receive promotional and marketing messages (e.g., abandoned carts), notifications, and customer service communications from Your Little Exhibition. Message and data rates may apply. Consent is not a condition of purchase. Message frequency varies. Text HELP for help. Text STOP to cancel. See and<a href="http://eepurl.com/iZR-po" target="_blank">Terms</a>.</div></div></div><div class="mc-field-group size1of2"><label for="mce-BIRTHDAY-month">Birthday </label><div class="datefield"><span class="subfield dayfield"><input class="birthday REQ_CSS" type="text" pattern="[0-9]*" placeholder="DD" size="2" maxlength="2" name="BIRTHDAY[day]" id="mce-BIRTHDAY-day" value=""></span> /<span class="subfield monthfield"><input class="birthday REQ_CSS" type="text" pattern="[0-9]*" placeholder="MM" size="2" maxlength="2" name="BIRTHDAY[month]" id="mce-BIRTHDAY-month" value=""></span><span class="small-meta nowrap">( dd / mm )</span></div></div> <div id="mce-responses" class="clear"> <div class="response" id="mce-error-response" style="display: none;"></div> <div class="response" id="mce-success-response" style="display: none;"></div> </div><div aria-hidden="true" style="position: absolute; left: -5000px;"><input type="text" name="b_af12150a1a88aedf405d3dcf2_3020868e03" tabindex="-1" value=""></div><div class="clear"><input type="submit" name="subscribe" id="mc-embedded-subscribe" class="button" value="Sign up!"></div> </div> </form> </div> <script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script><script type="text/javascript">(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[0]='EMAIL';ftypes[0]='email';fnames[7]='SMSPHONE';ftypes[7]='smsphone';fnames[5]='BIRTHDAY';ftypes[5]='birthday';}(jQuery));var $mcj = jQuery.noConflict(true);</script></div>

Site URL: https://www.yourlittleexhibition.com/ Hi, Could someone help me edit the code for a form that I got from Mailchimp to match my website style please? The first picture is the one from Mailchimp and the second one is how I would like it to show. In detail, I would like to: Remove the top SIGN UP text Change the field shape to pill The border colour to be #2b2b2b Remove the white background in each field Change the subscribe button to say SIGN UP in a pill shape button (I'm happy with the UK flag to show next to the phone number field.) Thank you!

Hi, I'm struggling to connect a form to my Mailchimp list. It was working fine before but since I enabled SMS on Mailchimp, the form block doesn't let me connect it to the Mailchimp list. I tried to connect it to a list that hasn't enabled SMS and it connected fine, but I want to collect phone numbers too, so would like to know how I can solve this. Just to add a bit more info: The list on Mailchimp has been set up correctly and I've synced the info between Squarespace and Mailchimp so it collects the correct info (eg. Phone on Squarespace = SMS phone on Mailchimp, etc.) I have set up a form on my website correctly so if I test it, the details are still stored on Squarespace mailing list I've tried to remove some of the field (phone number, required button, etc.) I've disconnected Mailchimp and reconnected it In the form block, it lets me choose the audience list that I would like to connect it to, however, when trying to come out of the block setting, it says "Something went wrong. There was an error saving changes to your block." and it won't let me come out of the block so need to exit the page and it is not saving. Any suggestions would be appreciated. Thanks!

Thank you! It's worked and I have managed to change the font size to 22px but not sure how to change the width of the login button. Can I ask how to make the button's width a bit smaller to match the menu fonts above the button? Thank you so much.

It's https://www.yourlittleexhibition.com/ The password is YLE123!

I just customised the login link on the desktop version to look like a button using the code below, but it is not showing on the mobile version. Could someone help me have the same button on the mobile navigation page too please? Here is the code I used for desktop version: .header-display-desktop a.user-accounts-text-link { background-color: #F6F0E1 !important; color: #282828 !important; padding: 15px 40px; border-radius: 50px; border: 1px solid #282828; } And here's the password to my website: YLE2024!

Great, thank you so much for all your help!

Thank you so much! I'm so sorry for a lot of questions but is there a way to make sure that the number in the quantity is in the middle and not on the left side?

It worked! Thank you so much! If you don't mind me asking something else too, on the same page as you can see in the previous screenshot, the quantity box is square but I'd like to match the rounded shape to match the colours and sizes, is that possible? Thank you.

It's YLE2024! https://chihuahua-teal-dxkr.squarespace.com/config/?frameUrl=%2F

https://chihuahua-teal-dxkr.squarespace.com/config/ Is this it?

Hi, I can't change the colour of selected buttons so once it's clicked, the text has the same colour as the button and you can't see the text. Can I ask the way to change this please? Thank you!