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

8 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. I provide free priority support in this crazy time. 

Forum: I usually answer questions at 2pm - 5pm EST

How to Setup Password & Share URL - Squarespace Free Templates - Free Code - CSS ID List

Share this post


Link to post
  • 0

Add to Home > Design > Custom CSS

.newsletter-form-body {
    text-align: left;
}
div#block-yui_3_17_2_1_1585622561744_6040 {
    padding-left: 0;
}

 


You can send your question to my email to get faster answer. I provide free priority support in this crazy time. 

Forum: I usually answer questions at 2pm - 5pm EST

How to Setup Password & Share URL - Squarespace Free Templates - Free Code - CSS ID List

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
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. I provide free priority support in this crazy time. 

Forum: I usually answer questions at 2pm - 5pm EST

How to Setup Password & Share URL - Squarespace Free Templates - Free Code - CSS ID List

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

Create an account or sign in to comment

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


×
×
  • Create New...