Jump to content

Form Lightbox Button Styling Not Preserved?

Recommended Posts

Site URL: https://rhombus-flute-l6gf.squarespace.com/

I have two instances of a pop-up form on my single-page site. I need them both to be lightboxes, and I have styled the button per below:

.sqs-block-button-element {
  font-family: 'Messapia-Bold' !important;
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  padding: 16px 41px 15px 42px;

This works great in the button at the top, but the button at the bottom is not responding to this at all, even when I target that block specifically. I wonder if it's because on top it's in a "Lightest 1" section and at the bottom it's in a "Darkest 2" section?

In the screenshots, the button in all caps is the correct styling. Site PW: knockout2k22

Screen Shot 2022-05-02 at 6.00.32 PM.png

Screen Shot 2022-05-02 at 6.00.42 PM.png

Edited by knockout
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.