Becca7890 Posted March 15, 2020 Posted March 15, 2020 Hi, I'm trying to center the text in the newsletter sign up text box. How can I do this? Please see the attached screenshot for the exact area. Thanks!
tuanphan Posted March 15, 2020 Posted March 15, 2020 Can you share link to your site? Some CSS can solve 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!)
tuanphan Posted March 16, 2020 Posted March 16, 2020 3 hours ago, Becca7890 said: https://www.thelavenderghost.com/ Add to Home > Design > Custom CSS .newsletter-block .newsletter-form-field-element::placeholder { text-align: center; } 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!)
Becca7890 Posted March 19, 2020 Author Posted March 19, 2020 Hi, This didn't work. Any other ideas? Thanks!
tuanphan Posted March 23, 2020 Posted March 23, 2020 On 3/20/2020 at 4:11 AM, Becca7890 said: Hi, This didn't work. Any other ideas? Thanks! Try this code .newsletter-block .newsletter-form-field-element { text-align: center; } 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!)
Intentional-Nutrition Posted July 21, 2020 Posted July 21, 2020 Hi @tuanphan, I'm also trying to do the same, however want to align the placeholder text to the left (see screenshot). I've tried your code above, changing the 'centre' to 'left', but it didn't work. URL: www.intentionalnutrition.com.au Please help!
Intentional-Nutrition Posted July 21, 2020 Posted July 21, 2020 Also, what is the code to change the colour of the font when someone is typing in their email address (it's currently black, but want it to match the lighter placeholder text colour). Thanks in advance!
tuanphan Posted July 22, 2020 Posted July 22, 2020 On 7/21/2020 at 8:28 AM, Intentional-Nutrition said: Hi @tuanphan, I'm also trying to do the same, however want to align the placeholder text to the left (see screenshot). I've tried your code above, changing the 'centre' to 'left', but it didn't work. URL: www.intentionalnutrition.com.au On 7/21/2020 at 8:29 AM, Intentional-Nutrition said: Also, what is the code to change the colour of the font when someone is typing in their email address (it's currently black, but want it to match the lighter placeholder text colour). Thanks in advance! Please help! Add to Home > Design > Custom CSS footer.sections .newsletter-block .newsletter-form-field-element { text-align: left !important; padding-left: 0 !important; } On 7/21/2020 at 8:29 AM, Intentional-Nutrition said: Also, what is the code to change the colour of the font when someone is typing in their email address (it's currently black, but want it to match the lighter placeholder text colour). Thanks in advance! Add to Home > Design > Custom CSS /* footer email typing */ footer.sections .newsletter-block .newsletter-form-field-element:focus { color: white !important; } 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!)
Intentional-Nutrition Posted September 22, 2020 Posted September 22, 2020 On 7/22/2020 at 9:16 PM, tuanphan said: footer.sections .newsletter-block .newsletter-form-field-element { text-align: left !important; padding-left: 0 !important; } Thank you - this worked a treat! You're so good at what you do :)
Recommended Posts
Archived
This topic is now archived and is closed to further replies.