Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'newsletter-block'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://accordion-clarinet-5wnf.squarespace.com/ Hi.. need to make some final amends to the site and have added lots of custom css but some items i just can't find info for...would be great if I could get some help. pw hedrasite accordion template originally 3. TEXT/SOCIAL TO SIT CENTRAL IN THE SECTION 4. PADDING AROUND THE SOCIAL BUTTON TO MATCH THE TEXT GAP ABOVE / SIT IN LINE 5. REDUCE PADDING TO NEWSLETTER HERE AND MOVE UP TO ALIGN ACROSS WITH TEXT ON THE LEFT SIDE 6. 1PX BOX TO JOIN BUTTON AAND SIZER TO MATCH EMAIL BOX + EMAIL TEXT TO BE BLACK NOT GREY
  2. Site URL: http://www.yourlabpartner.co.uk Hey guys, could anyone help with removing the space above the newsletter? So that it lines up with social media and text? A Million thanks! P.S. I tried the code below and it made no difference... #footer .newsletter-form-header-description > p { display: none !important; } #footer .newsletter-block .newsletter-form-fields-wrapper { margin: 0 !important; }
  3. Site URL: https://www.littlebigguys.co.uk I'm having some trouble adjusting the CSS of the newsletter form. Originally, I wanted to decrease the height of the input fields and button from the default (which is massive) to be more like the rest of the buttons elsewhere. I've used the snippet below for my changes, but it annoyingly causes the button text to sit at the bottom of the button. I have applied 'display: flex; align-items: centre;' to every parent block conceivable, without joy. Adding padding to the button or its wrapper only moves the outline and not the contents. it would also be nice to change the field font-size to .9em, but I can't seem to find the correct class. Any help would be appreciated, thanks. .newsletter-block input { height: 0.3em; max-width: 18em; font-size: 0.9em; } .newsletter-block. newsletter-form-wrapper { display: flex; align-items: centre; } .newsletter-block .newsletter-form-button { max-height: 0.3em; }
  4. Site URL: https://www.jcschickenbbqpit.com/newsletter In the Newsletter config block there is a check box "require name field". I took that to mean that the name field would be required (I want it to be). All it did was add the name field. It does not have to be filled in. How do I actually make it required?
  5. Hi, I have created a form and I would like people that sign up to go into my Squarespace mailing list. However, I cannot find the option to do so? I remember I used to be able to do that. The reason I am choosing the form is that I need additional fields that the newsletter block does not have.
  6. Site URL: https://fintech.caspianone.com/vacancies Hi people - can I request help please; I'm currently listing job vacancies on our SS site, utilising it's blogging facility. I want to add an option for visitors to sign up to job alerts (aka register for emails when new 'blogs' are published). The newsletter block will allow me to gain blog subscribers - but, it's limited in that, visitors will receive every post we publish (making it less personalised to individual preferences). I'd like to make it so that a visitor can subscribe to job alerts/the blog, but only receive select posts related to a specific category (or tag, if easier to setup). So for example, a visitor could subscribe to only receive email alerts when new Java Developer jobs are posted with the category 'Java' - instead of just receiving all vacancy posts we publish. Any advice? Thanks in advance!
  7. Site URL: https://montanayogatherapy.com/newsletter/sign-up?fbclid=IwAR3ijAIuAWSwT-jcUKLdZyRlHoRsb4z8UBJktNnbj2ByAlptd8geIHL6KAw Hello, When I view this cover page in various browsers and screens the newsletter signup text overlaps on mobile screens and larger monitor screens. What could be causing this?
  8. Site URL: https://lion-plantain-pyey.squarespace.com/ Is it possible to align the newsletter block so mobile looks exactly the same as desktop? Image attached is how I would like it to look.
  9. Site URL: https://mmsaudio.squarespace.com/styles Hello all. I love the flex buttons in 7.1 (new convert to 7.1 here after holding out as long as I could). Unfortunately, the same old thing is happening: buttons on forms and newsletter blocks are basically not customizable. I would love the Submit buttons on the form and newsletter block to have the same behavior as the standard buttons and navigation button. Help? pass: mmsrox
  10. Site URL: https://pomegranate-badger-p3wd.squarespace.com/ Hi, I'm trying to customize the newsletter form button on hover, and unable to figure it out. Here is the code I have so far (edits the padding, font type, color, border) button.newsletter-form-button.sqs-system-button { color: black !important; border: 2.22px dashed #000000 !important; padding: 10px 44px !important; font-family: 'ApercuR'!important; } button.newsletter-form-button.sqs-system-button:hover { background-color: #ffe3a7 !important; opacity: 1 !important; } But every time, I hover over the "submit" button it fully goes black. Here is the code that works for my Contact Us form, that is working perfectly that I'm trying to replicate for my newsletter. .sqs-block-form .sqs-editable-button { color: black !important; border: 2.22px dashed #000000 !important; padding: 10px 44px !important; //height and width font-family: 'ApercuR'!important; } .sqs-block-form .sqs-editable-button:hover { background-color: #ffe3a7 !important; opacity: 1 !important; } Would anyone be able to weigh in on this?
  11. Site URL: https://otipoti.squarespace.com/ Heyyy. This never ending website is killing me! Client wants a custom newsletter signup in the footer. I've gotten so far, but for the life of me can't figure out how to re-align the placeholder "email address" in the email field box (which is no longer a box). Pics attached show the problem. If anyone know how to also get rid of the actual button and just have the words "Sign Up", I'd be intrigued to learn! This is the code I've used: // Solid Underline Newsletter Form // .newsletter-form-field-element { border-bottom: solid 1px #242424 !important; background-color: transparent !important; border-top: none !important; border-left: none !important; border-right: none !important; } //NEWSLETTER FONT// body:not(.button-style-default) .newsletter-form .newsletter-form-button { font-family: OTIPOTI !important; font-size: 1.3rem !important; font-weight: 500 !important; padding: .8rem .8rem !important; } input { font-family: 'OTIPOTI'; letter-spacing: 0; font-size: 16px; line-height: 1em; padding: 15px 20px; background-color: transparent; @media screen and (max-width: 640px) { padding: 15px 15px; } @media screen and (max-width: 420px) { padding: 17px 0 17px 12px; } display: block; border: none; &::placeholder{ font-family: 'OTIPOTI'; font-size: 24px; line-height: 1em; letter-spacing: 0; position: center color: #868383 !important; } } @media screen and (max-width: 1350px) { width: ~"calc(70% - 8px)"; } @media screen and (max-width: 1200px) { width: ~"calc(64%)"; } @media screen and (max-width: 1024px) { width: ~"calc(75%)"; }
  12. Site URL: https://www.bigassicedcoffee.com How can I update the Google reCAPTCHA user experience on my Newsletter Blocks in Squarespace? I want the "I am not a robot" checkbox to show after the user submits their information instead of it always sitting on my website in plain view.
  13. Site URL: http://micheauxmission.com I added custom code from Flodesk to my home page which generates a newsletter sign-up. It worked fine for awhile but I just noticed that it's not working anymore. I was referred to the forum to search for an answer.
  14. Hi, I have added a newsletter signup form to my client's website, but my clients wants quite a lot of text as the 'submit' button (15 words) - it is too long so the button text just disappears completely. Any way to get a longer button submit text?
  15. For reasons unknown, this new tagline appeared today under my newsletter sign up box: THIS SITE IS PROTECTED BY RECAPTCHA AND THE GOOGLE PRIVACY POLICY AND TERMS OF SERVICE APPLY Does anyone know how to remove it or at the very least style/move it?
  16. I'm noting that title and description are suddenly gone for the newsletter block.... i was trying some changes in the Styles section, not sure what went wrong here.,,,
  17. Site URL: https://www.humanbrand.com.ec/ Hello! I'm designing a webpage for a client: https://www.humanbrand.com.ec/ (password: 1234567890), and I need to translate the text on the Newsletter Form I set up on the home page to Spanish. I've tried the solutions given to other users on this issue, but nothing has worked so far. Any help is greatly appreciated.
  18. Site URL: https://www.afsanaparis.com/ Hello, As the title says I just want to redesign the newsletter block on my website. I just would like to have it exactly like the picture I have attached. Any help would be really appreciated. Thank you very much.
  19. Site URL: http://www.domtetro.com Hi all! I'm attempting to make the newsletter feature in the footer look something like this: but currently it looks like this: The goal here is to transform the Subscribe button to be a line matching the name and email field. This is the CSS I've come up with so far (devs, I hope this is laughable/enjoyable for you :)) On a random but noticeable note, the heading text of the newsletter is not changing to the same text as the other footer titles no matter what I type in for font size. Would love help with that as well 🙃 It's been giving me a bit of a headache.
  20. Hi. I want to change the button to sign up for my newsletter to a Lightbox so you see just the button and when people click on it the space for name and email opens up. I tried to do it with the form block and visually it worked but apparently then it cant connect to the email storage. Thank you!
  21. Site URL: http://www.domtetro.com Hello lovely humans, I've been attempting all sorts of code to try and get my footer to behave but to no avail, here I am, again (I love you). Three things for you: How can I get the newsletter title in the footer to be the same size and color as the footer nav titles? It's not responding to the mess I've made ( see code below). How can I change the color and font size of the Name and Email address fields? How can I change the color and size of the bottom footer to be smaller and whiter? (copyright info) That is all for now 😂 xx dom Title: /*newsletter*/ .newsletter-block .newsletter-form-header-title { font-family: mr-eaves-modern; font-size: 11px !important; font-weight: 300; color: #4b4b4a; letter-spacing: 0.3em; line-height: 1.2em; text-transform: uppercase; }
  22. Site URL: https://www.sunday7pmchoir.com/ Hi Community, I've tried using Tuanphan's code below in Home > Settings > Advanced > Code Injection > Header to add a First Name and Last Name to the Newsletter Popup, and while it worked, I've temporarily removed it and have a few questions: 1) How can I add (and change) a delay as to when the pop-up appears, after a person gets to the website 2) How can I have only the first name added (vs. the first name and last name) 3) How can you change the font colour? 4) Is it possible to add a photo as the background for the popup (vs a solid colour) Thanks for your help! Ed _____ Code sourced from Additional Fields in Promotional Popup - BEAVER HERO, made a small tweak to background colour: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { function handlePopUp() { var popup = $('#block-yui_3_17_2_1_1621388331590_5219'); var isHidePopup = getCookie('coookieIsHidePopup'); if('true'!==isHidePopup){ popup.css('display', 'block'); } // Hide popup when clicking outsite $(document).click(function (e){ if('block' == popup.css('display')) { if (!popup.is(e.target) && popup.has(e.target).length === 0){ hidePopupAndSetCookie( popup, 1 ); } } }); // Hide popup when close or submit $('#close-popup, .newsletter-form-button, header.newsletter-form-header').click(function() { hidePopupAndSetCookie( popup, 1 ); }); } function hidePopupAndSetCookie(popup, time) { popup.hide(); setCookie('coookieIsHidePopup', 'true', 1); } function setCookie(cname, cvalue, exdays) { var now = new Date(); //d.setTime(d.getTime() + (exdays*24*60*60*1000)); //var expires = "expires="+ d.toUTCString(); //window.document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; now.setTime(now.getTime() + 24 * 3600 * 1000); document.cookie = "name=value; expires=" + now.toUTCString() + "; path=/"; } function getCookie(cname) { var name = cname + "="; var decodedCookie = decodeURIComponent(window.document.cookie); var ca = decodedCookie.split(';'); for(var i = 0; i <ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } handlePopUp(); }); </script> <style> #block-yui_3_17_2_1_1621388331590_5219 { position: fixed; width: 340px; background-color: #0080FF; /* newsletter background */ top: 100px; left: 0; right: 0; margin: 0 auto; z-index: 999; display: none; } /* Close icon */ #block-yui_3_17_2_1_1621388331590_5219 header.newsletter-form-header:before { content: "\e01a"; font-family: 'squarespace-ui-font'; color: white; border: 1px solid white; position: absolute; right: -30px; top: 0; padding: 5px; line-height: 15px; z-index: 20000; cursor: pointer; } </style>
  23. Site URL: https://pentagon-lion-392c.squarespace.com/ can anyone help me get rid of this gray background on my newsletter block. i tried to code it out myself by for some reason it only removed it from the title and description. i would like it gone all together and for the button to be moved up, not sure why everything is so spaced out. thank you!!
  24. Site URL: https://modernbusiness.squarespace.com How can I add an outline around the placeholder field, so it matches the button style? How can I change placeholder text? How to force form not to stack on mobile?
  25. Dear Community, I am having trouble with my newsletter block, as the text does not seem to align with the box on the left - is there a code to align text & email box on the left? (see attachment how it looks right now) Furthermore, would someone know the proper code to set a custom font for the text & post-submit text? I highly appreciate your help!
  • Create New...