Modern_B

Thank you so much

@paul2009 I tried the code above with my collection ID but couldn't get it to work, do you think you could take a look for me? I'm on 7.1.

URL: https://www.studiobon.co.nz/work Password: TEMPB1803

Got it to work using this code in the end, thanks for all your help.

<script>
  if (document.querySelector("#block-e0d1501cb525ac50b3a0")) {
    document.querySelector('.newsletter-form-field-element[name="email"]').placeholder='Email'; 
  }
</script>

On 5/3/2020 at 2:18 AM, tuanphan said:

Add to Home > Settings > Advanced > code Injection > Footer

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$("div#block-e0d1501cb525ac50b3a0 .newsletter-block .newsletter-form-field-element").attr('placeholder','Email');
});
</script>

 

Hmm this doesn't seem to work for me. I double checked the block ID, any other ideas I could try?

Thank you mate, much appreciated!

Currently on trial version, but will move to business plan in a couple of days for launch 🙂

Site URL: https://jellyfish-kumquat-hdzl.squarespace.com/

Hello, I'd like to edit the placeholder text in my newsletter block email field to read "Email" instead of "Email Address". I've been able to edit the styling of this text but have had no luck changing the words themselves. There doesn't appear to be an option built into the newsletter block editor to change this like you can for the 'Submit' button.

Any help would be greatly appreciated 🙂

URL: https://jellyfish-kumquat-hdzl.squarespace.com/
Password: TEMPB1803

1 hour ago, tuanphan said:

Try adding to Home > Design > Custom CSS

@media screen and (max-width:767px) {
.newsletter-block .newsletter-form-body {
    display: flex;
}
.newsletter-form-fields-wrapper.form-fields {
    width: 70%;
}
.newsletter-form-button-wrapper.submit-wrapper {
    width: 30%;
}
.newsletter-form-button-wrapper.submit-wrapper button {
    width: 100%;
}
}

 

Incredible work, thank you so much for your help!

3 minutes ago, tuanphan said:

Incorrect password. Can you check again?

Hmm how strange, worked a minute ago. Changed it to: TEMPB1803

Site URL: https://jellyfish-kumquat-hdzl.squarespace.com/

Hey everyone, I'm still fairly new to customising Squarespace using CSS and have spent a while attempting to format the newsletter block to look similar to the example pictured. Specifically the "Email Address" field and "Submit" button—I want these on one line without a gap between as seen in the attached screenshot.

I managed to get things looking fairly close but couldn't get everything to work for mobile/smaller screens specifically, every time I preview on mobile the newsletter block reverts back to displaying the field stacked above the button, ideally it would all remain as one single line and scale to fit the screen.

Any help would be greatly appreciated!

URL: https://jellyfish-kumquat-hdzl.squarespace.com/
Password: TEMP_B1803