Guest Posted July 12, 2019 Share Posted July 12, 2019 I've been able to align the header title and description to the left and used a max-width of 50% to keep the text only on the left of the block but in trying to align the email form and submit button to float to the right beside the text it doesn't work. On further inspection I realized that even though the max-width is set to 50% the header title and description space still occupies the entire newsletter block. Is there a CSS workaround to achieve the layout that I want? I'm at my wits end and super frustrated at this point. Link to comment
tuanphan Posted July 12, 2019 Share Posted July 12, 2019 @kimcroach can you share site url? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Guest Posted July 12, 2019 Share Posted July 12, 2019 The site isn't live and the page isn't linked...this is my first site build www.legatumco.squarespace.com/about-us Link to comment
tuanphan Posted July 12, 2019 Share Posted July 12, 2019 You can setup password and share url: https://beaverhero.com/squarespace-how-to/#HowtoSetupPasswordShareSiteURL Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Guest Posted July 12, 2019 Share Posted July 12, 2019 https://legatumco.squarespace.com/ Link to comment
tuanphan Posted July 12, 2019 Share Posted July 12, 2019 @kimcroach Need access password Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Guest Posted July 12, 2019 Share Posted July 12, 2019 @tuanphan sorry about that Czk-V8A-SHy-QBB Link to comment
tuanphan Posted July 12, 2019 Share Posted July 12, 2019 @kimcroach When i click on about us page (you sent above) We couldn't find the page you were looking for. This is either because: There is an error in the URL entered into your web browser. Please check the URL and try again.The page you are looking for has been moved or deleted.You can return to our homepage by clicking here, or you can try searching for the content you are seeking by clicking here. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Guest Posted July 12, 2019 Share Posted July 12, 2019 The page was not enabled. I've rectified that so please try again Link to comment
tuanphan Posted July 12, 2019 Share Posted July 12, 2019 @kimcroach Can you delete the css you used to align this form? I think so I will easily check and send new css Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
tuanphan Posted July 12, 2019 Share Posted July 12, 2019 @kimcroach Like this? or? 1 am here. Bedtime. Which screenshot do you want?, I'll send CSS tomorrow. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Guest Posted July 12, 2019 Share Posted July 12, 2019 @tuanphan I can't see the screenshots Link to comment
tuanphan Posted July 12, 2019 Share Posted July 12, 2019 @kimcroach Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Guest Posted July 12, 2019 Share Posted July 12, 2019 With the font styles of the second image, and I'd like the consent statement to be a small checkbox under the email form like the first image but with a link to our privacy policy and the subscribe button below that next to a reCAPTCHA button (but I'm not sure how to build in the reCAPTCHA.Also I'd prefer for the newsletter block to be a statement on the page - same height as width and how would I round the corners similar to the subscribe button? I know this is a lot but I'm a complete novice here but eager to learn. You should get some rest too. Thanks! Link to comment
tuanphan Posted July 12, 2019 Share Posted July 12, 2019 @kimcroach Maybe font style should be the same, I have never edited the font, maybe I did something wrong so the font in the two screenshots was different Checkbox: CSS can't do that. You need to edit the form, and find checkbox option... Captcha: https://answers.squarespace.com/questions/166076/how-can-i-put-captcha-on-contact-forms.html Round corners: Just a line of CSS Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Guest Posted July 13, 2019 Share Posted July 13, 2019 Thanks for the pointers and the captcha info.... I look forward to you sending the CSS to build this block into what I actually want Link to comment
tuanphan Posted July 13, 2019 Share Posted July 13, 2019 @kimcroach Add to Home > Design > Custom CSS @media screen and (min-width:992px) { header.newsletter-form-header { float: left !important; width: 50% !important; margin-right: 20px !important; } form.newsletter-form:after { content: ""; display: table; clear: both; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Guest Posted July 15, 2019 Share Posted July 15, 2019 @tuanphan thanks so much this worked exactly as you outlined in screenshot 1, but I did go back in and add in the CSS to modify the font style. One more thing I did set up Captcha but realized that it doesn't work on the specific newsletter form block, only the regular form block and that also goes for the checkbox too. Link to comment
Guest Posted July 15, 2019 Share Posted July 15, 2019 @tuanphan If possible, a couple more things: I understand the first part of the code but I would also like to know what the second part specifically addresses (just for future reference) What CSS would make the height of the newsletter block the same as the width of the block? What CSS would round the corners of the entire newsletter block? Link to comment
tuanphan Posted July 15, 2019 Share Posted July 15, 2019 @kimcroach @media screen and (min-width:992px) { /* Corner */ .newsletter-block .newsletter-form-wrapper { border-radius: 42px; } /* Same height and width */ .newsletter-block .newsletter-form-wrapper { width: 1000px; height: 1000px; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Guest Posted July 21, 2019 Share Posted July 21, 2019 This gave me the rounded corners and matching height and width but its aligned the entire block to the right of the page instead of the center. How can I fix this to ensure the block remains in the center of the page? Link to comment
tuanphan Posted July 21, 2019 Share Posted July 21, 2019 @kimcroach Can you resend url? I can't access about us & about page Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Guest Posted July 21, 2019 Share Posted July 21, 2019 https://legatumco.squarespace.com/ I made some adjustments to the configuration so it's now on the brand styles index page in the not linked section at the bottom - I created that to test the content blocks before I started adding them into the individual pages Link to comment
tuanphan Posted July 21, 2019 Share Posted July 21, 2019 @kimcroach Where is form block? I can't find.... You can send me message via contact form. There are no notifications from SS answer forum.... Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.