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

Move the newsletter button to the left

Question

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

Screen Shot 2020-03-30 at 11.49.05 PM.png


Creator of ivorycolors.net & stoplitteringtoday.org

Share this post


Link to post

9 answers to this question

Recommended Posts

  • 0

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 can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

OFF to next Tuesday. Please send to email if you have urgently problem.

Share this post


Link to post
  • 0

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

Share this post


Link to post
  • 0

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

Screen Shot 2020-03-31 at 12.56.19 AM.png


Creator of ivorycolors.net & stoplitteringtoday.org

Share this post


Link to post
  • 0
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

Share this post


Link to post
  • 0

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

659190063_ScreenShot2020-06-18at14_48_53.thumb.png.d7f4b614dc6f6f4d0c4d31f693b450d6.pngJust want the Email

 

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...