coindisplays Posted March 10, 2020 Share Posted March 10, 2020 Site URL: http://www.coindisplays.com I am using the Brine template but cannot change the font size of the Newsletter Block. I want to add the newsletter block to the footer. Changing the size of the box and submit button. Please assist. Link to comment
1 tuanphan Posted March 12, 2020 Share Posted March 12, 2020 Where is newsletter? Can you take screenshot? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 coindisplays Posted March 13, 2020 Author Share Posted March 13, 2020 Here is the screenshot. First, I would like the title font of the newsletter to be much smaller. If possible, I would like the SIGN UP to by inline with the input field. Thanks, Paul Link to comment
0 tuanphan Posted March 13, 2020 Share Posted March 13, 2020 Add to Home > Design > Custom CSS footer.Footer h2.newsletter-form-header-title { font-size: 18px; } @media screen and (min-width:641px) { footer.Footer .newsletter-form-body { display: flex; flex-direction: row !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 coindisplays Posted March 13, 2020 Author Share Posted March 13, 2020 Thank you for the quick reply, I made the change however the SIGN UP is not lined up. Also, can the Sign up and save 5% be on one line and closer to the input box, not so much space? Link to comment
0 coindisplays Posted March 13, 2020 Author Share Posted March 13, 2020 Can the box and button be made smaller? Link to comment
0 coindisplays Posted March 13, 2020 Author Share Posted March 13, 2020 I was able to make it more how I want it. See below. I would like the SUBSCRIBE though to be closer to the input field. If the field and the button can be made smaller, I would prefer that too. Link to comment
0 tuanphan Posted March 14, 2020 Share Posted March 14, 2020 23 hours ago, coindisplays said: I was able to make it more how I want it. See below. I would like the SUBSCRIBE though to be closer to the input field. If the field and the button can be made smaller, I would prefer that too. Add to Home > Design > Custom CSS .newsletter-form-body>div { margin-top: 0 !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 sebradshaw88 Posted March 27, 2020 Share Posted March 27, 2020 Hi, I am looking to do the same thing, but having trouble formatting it. Here is what it currently looks like vs. what we are trying to accomplish (wireframe screenshot). Link to comment
0 tuanphan Posted March 28, 2020 Share Posted March 28, 2020 9 hours ago, sebradshaw88 said: Hi, I am looking to do the same thing, but having trouble formatting it. Here is what it currently looks like vs. what we are trying to accomplish (wireframe screenshot). Can you describe in detail? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 sebradshaw88 Posted April 14, 2020 Share Posted April 14, 2020 On 3/27/2020 at 10:02 PM, tuanphan said: Can you describe in detail? I'm really just trying to shrink the newsletter block so that it fits nicely in the footer. Ideally the button sits right next to the text input box. The top image is what it is currently. The bottom is what we are trying to create. Link to comment
0 tuanphan Posted April 15, 2020 Share Posted April 15, 2020 15 hours ago, sebradshaw88 said: I'm really just trying to shrink the newsletter block so that it fits nicely in the footer. Ideally the button sits right next to the text input box. The top image is what it is currently. The bottom is what we are trying to create. got it, can you share link to your site? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 emily.klein Posted May 13, 2020 Share Posted May 13, 2020 Hi @tuanphan https://piece-collectors.squarespace.com/ password: CACTUS Brine Template I have 2 Questions: 1. How can I add a newsletter block to the right hand side of the footer? 2. Can I change the business name on the right hand side of the footer to be a logo instead? Thanks! Link to comment
0 tuanphan Posted May 13, 2020 Share Posted May 13, 2020 50 minutes ago, emily.klein said: Hi @tuanphan https://piece-collectors.squarespace.com/ password: CACTUS Brine Template I have 2 Questions: 1. How can I add a newsletter block to the right hand side of the footer? 2. Can I change the business name on the right hand side of the footer to be a logo instead? Thanks! 1. You can't add newsletter block??? 2. Where business name? Can you take a screenshot. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 emily.klein Posted May 13, 2020 Share Posted May 13, 2020 Hi @tuanphan 1. No. Maybe it's something glitchy with SS - as I can only see two columns instead of three. 2. Screenshot attached Thanks, Emily Link to comment
0 tuanphan Posted May 13, 2020 Share Posted May 13, 2020 2 hours ago, emily.klein said: Hi @tuanphan 1. No. Maybe it's something glitchy with SS - as I can only see two columns instead of three. 2. Screenshot attached Thanks, Emily Q1. Contact Squarespace Customer Care Q2. Add to Home > Design > Custom CSS .Footer-business-info>div:first-child { background-image: url(https://beaverhero.com/wp-content/uploads/2020/05/artboard-1-.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; color: transparent !important; } Replace with logo url Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 emily.klein Posted May 13, 2020 Share Posted May 13, 2020 9 hours ago, tuanphan said: Q1. Contact Squarespace Customer Care Q2. Add to Home > Design > Custom CSS .Footer-business-info>div:first-child { background-image: url(https://beaverhero.com/wp-content/uploads/2020/05/artboard-1-.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; color: transparent !important; } Replace with logo url Great thanks @tuanphan That worked a treat! One last question - is there a way to hide the business information but keep the logo? Link to comment
0 tuanphan Posted May 14, 2020 Share Posted May 14, 2020 13 hours ago, emily.klein said: Great thanks @tuanphan That worked a treat! One last question - is there a way to hide the business information but keep the lo Add to Home > Design > Custom CSS .Footer-business-info>*:not(:first-child) { display: none; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 RRNYC Posted May 15, 2020 Share Posted May 15, 2020 (edited) On 5/14/2020 at 8:43 AM, tuanphan said: Add to Home > Design > Custom CSS .Footer-business-info>*:not(:first-child) { display: none; } Thank you so much! Edited May 19, 2020 by RRNYC Link to comment
0 tuanphan Posted May 15, 2020 Share Posted May 15, 2020 8 hours ago, RRNYC said: Hello and thank you so much for this code, it was super helpful! I just have one question: I managed to decrease the font size for the "newsletter" header but not the button/button font itself. Can you please advise how to give it all a more delicate, smaller look? Thank you so much! Can you share link to page in screenshot? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 RRNYC Posted May 16, 2020 Share Posted May 16, 2020 (edited) Thank you! Edited May 19, 2020 by RRNYC Link to comment
0 tuanphan Posted May 16, 2020 Share Posted May 16, 2020 7 hours ago, RRNYC said: @tuanphan reutnewyork.com Had also wanted to remove the "quick view" feature on this page: https://reutnewyork.com/shop Thank you! Add to Home > design > Custom CSS /* remove quick view */ .ProductList-quickViewButtonWrapper.sqs-product-quick-view-button-wrapper { display: none !important; } /* button font size */ .sqs-alternate-block-style-container .newsletter-block .newsletter-form-wrapper .newsletter-form-button { font-size: 12px; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 RRNYC Posted May 16, 2020 Share Posted May 16, 2020 (edited) Thank you! Edited May 19, 2020 by RRNYC Link to comment
0 KimPaola Posted June 29, 2020 Share Posted June 29, 2020 @tuanphan Hi, Just wondering if you know how to create a single line newsletter block in squarespace 7.1? I'm attaching a image below of the kind of newsletter I mean. I'd appreciate any help! Link to comment
0 tuanphan Posted June 29, 2020 Share Posted June 29, 2020 3 hours ago, KimPaola said: @tuanphan Hi, Just wondering if you know how to create a single line newsletter block in squarespace 7.1? I'm attaching a image below of the kind of newsletter I mean. I'd appreciate any help! Just did for a client. If you share link to your site, I can give the code. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
0 KimPaola Posted June 29, 2020 Share Posted June 29, 2020 @tuanphan Sure, the link is below - thank you so much. https://goldfish-carillon-tzxg.squarespace.com/ Password: hightide Link to comment
Question
coindisplays
Site URL: http://www.coindisplays.com
I am using the Brine template but cannot change the font size of the Newsletter Block. I want to add the newsletter block to the footer. Changing the size of the box and submit button.
Please assist.
Link to comment
Top Posters For This Question
5
21
4
4
Popular Days
Jun 29
6
Mar 13
5
Apr 8
5
May 13
5
Top Posters For This Question
coindisplays 5 posts
tuanphan 21 posts
KimPaola 4 posts
ElizabethM 4 posts
Popular Days
Jun 29 2020
6 posts
Mar 13 2020
5 posts
Apr 8 2021
5 posts
May 13 2020
5 posts
Popular Posts
tuanphan
Hi. Do you still need help on this? I see you solved...
tuanphan
Hi. Add to Design > Custom CSS /* Footer input */ footer.sections input.newsletter-form-field-element { padding-left: 0 !important; }
creedon
@ElizabethM Which storage method are you using for the newsletter block? Is it setup correctly?
Posted Images
57 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment