Jump to content

How to resize Form Lightbox button and or font inside button

Recommended Posts

How do I resize  a Form Lightbox button and/or font inside button
Alternatively, it does not have to be a button...it could be text link only like the surrounding links, but this particular one I'd like to open in a lightbox.

See attached image for the button I am referring to.

This is located in the footer and thus far I am only using one form in lightbox format. But it'd be nice to be able to resize this button on an individual basis in case I want to use the form lightbox layout elsewhere. In other words, it'd be great if this was not a global solution and instead specific to this use for this form. 

P.S. is there a way to reuse forms? For example, one solution would be for me to just embed this form into a page and have the link not be a button or lightbox, but load a page with the form on it. I'd prefer not to have to rebuild the form :) 

Website:   https://nonagon-blackbird-dbdy.squarespace.com/
           PW:   sscommunityhelp062723


image.png.099f6abe62ca376c971f0b0cef84d226.png

 

I did try and follow the instruction here 


 by adding to css: 
 

/**
 * Make Form Lightbox Button smaller
**/
div.lightbox-content form * {
    font-size: 8px !important;
}

But it did not have any impact.

Edited by JA-Build-Change-Impact
Link to comment
  • Replies 3
  • Views 536
  • Created
  • Last Reply

Top Posters In This Topic

On 7/3/2023 at 7:33 PM, JA-Build-Change-Impact said:

Yep. I had the "form text" but not "handle" so thank you!

How can we decrease the border of that button? Reducing the font size helped but it still doesn't fit like I'd visually like. I think it has to do with overall button size which I assume is being further impacted by the border size.

You mean border width? Use this code

button.lightbox-handle {
    border-width: 1px !important;
}

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.