Skinny Style - Newsletter Block


Plugin Details

Add a skinnier height style to the newsletter block fields and button

Compatibility

  • Works with Squarespace 7.1

  • Uses Custom CSS


Add to Custom CSS

// NEWSLETTER BLOCK FIELDS - SKINNY STYLE - GHOSTPLUGINS.COM // 

.newsletter-form .newsletter-form-field-element {
  border: 1px solid #000 !important;
  background: #fff !important;
  border-radius: 5px;
  padding: 9px !important;
}

// NEWSLETTER BLOCK BUTTON - SKINNY STYLE - GHOSTPLUGINS.COM // 

.newsletter-form .sqs-button-element--primary {
  border-radius: 5px !important;
  padding: 10px 15px !important;
}

Customizable Options

  • Field Border Style

  • Field Background Color

  • Field Border Radius

  • Field Padding

  • Button Border Radius

  • Button Padding

Notes

Button styles (color, fonts, etc) can be changed in Squarespace settings.


Previous
Previous

Underline Style (#02) - Newsletter Block

Next
Next

Underline Style (#01) - Newsletter Block