jeffreyzie Posted March 31, 2020 Share Posted March 31, 2020 Hey guys, I'm trying to move the "Sign up" newsletter button more to the left, as well as the "Email address" box that's next to it. I've attached a screenshot for preview. The goal is to align both buttons/boxes with the text that's above it. I'd also like to move these buttons up closer to the text as well. Thank you -Jeff Creator of ivorycolors.net & stoplitteringtoday.org Link to comment
tuanphan Posted March 31, 2020 Share Posted March 31, 2020 Can you share link to this page on your site? 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
jeffreyzie Posted March 31, 2020 Author Share Posted March 31, 2020 Yes, it's: https://jeffreysuko.squarespace.com Password: 123 Thank you Creator of ivorycolors.net & stoplitteringtoday.org Link to comment
tuanphan Posted March 31, 2020 Share Posted March 31, 2020 Add to Home > Design > Custom CSS .newsletter-form-body { text-align: left; } div#block-yui_3_17_2_1_1585622561744_6040 { padding-left: 0; } 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
jeffreyzie Posted March 31, 2020 Author Share Posted March 31, 2020 it worked. Thanks! One more question: Is it possible to move the boxes up closer to the text as well? Creator of ivorycolors.net & stoplitteringtoday.org Link to comment
tuanphan Posted March 31, 2020 Share Posted March 31, 2020 div#block-yui_3_17_2_1_1585622561744_6040 .newsletter-form-wrapper { padding-top: 0; } div#block-yui_3_17_2_1_1585622561744_6040 { padding-left: 0; padding-top: 0; } 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
jeffreyzie Posted March 31, 2020 Author Share Posted March 31, 2020 Got it - thank you Tuan. It looks great on desktop but on mobile the text is now to the left instead of in the middle...just attached a screenshot Creator of ivorycolors.net & stoplitteringtoday.org Link to comment
tuanphan Posted March 31, 2020 Share Posted March 31, 2020 remove above code and use @media screen and (min-width:768px) { .newsletter-form-body { text-align: left; } div#block-yui_3_17_2_1_1585622561744_6040 .newsletter-form-wrapper { padding-top: 0; } div#block-yui_3_17_2_1_1585622561744_6040 { padding-left: 0; padding-top: 0; } } 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
jeffreyzie Posted March 31, 2020 Author Share Posted March 31, 2020 22 minutes ago, tuanphan said: remove above code and use @media screen and (min-width:768px) { .newsletter-form-body { text-align: left; } div#block-yui_3_17_2_1_1585622561744_6040 .newsletter-form-wrapper { padding-top: 0; } div#block-yui_3_17_2_1_1585622561744_6040 { padding-left: 0; padding-top: 0; } } you the man, thank you 🙏🏿 Creator of ivorycolors.net & stoplitteringtoday.org Link to comment
Intentional-Nutrition Posted June 18, 2020 Share Posted June 18, 2020 Hi This didn't work for me - I'm on 7.1 - is that why? Just want the "Email Address" placeholder text to align to the left. I've tried adding : input.field-element::placeholder { color: #ffffff !important; text-align: left; } but didn't work? input.field-element::placeholder { color: #ffffff !important; text-align: left; } https://smilodon-hawk-zklr.squarespace.com/home (this is the footer, so any page) password:Jessiegirl23 Just want the Email Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.