Jump to content

Box spacing 7.1

Recommended Posts

  • Replies 32
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Add to Home > Design > Custom CSS

.newsletter-block .newsletter-form-field-element {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.newsletter-form-button {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
button.newsletter-form-button.sqs-system-button.sqs-editable-button-layout.sqs-editable-button-style.sqs-editable-button-shape {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

play with padding top & bottom ✌️

button.newsletter-form-button.sqs-system-button.sqs-editable-button-layout.sqs-editable-button-style.sqs-editable-button-shape {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
.newsletter-block .newsletter-form-field-element {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-top: none;
    border-right: none;
border-left: none;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Add this to Home > Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$("div#block-ef4da39d6f1dbbdd528a input").attr('placholder','EMAIL');
});
</script>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
.newsletter-block .newsletter-form-field-element {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 0 !important;
    border-top: none;
    border-right: none;
    border-left: none;
    border-width: 2px;
    border-color: black;
}

and script code above

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

1. For some reason it's looking weird in mobile view on my actual mobile phone - it's showing the box as curved and showing the top corner curves. I'd like to remove the top corners and make the line straight?

2. And I'd like to change "Email Address" to caps "EMAIL" with the same letter spacing as "SUBSCRIBE"?...

unnamed-1.jpg.2f857893df0901b9f7633e0a9c3c4107.jpg

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.