Jump to content

How To Enlarge The Lightbox Button

Recommended Posts


I'm using Foster template and I want to make the lightbox form button larger so that it looks the same size as the lower button in the picture provided.

Please can somebody show me the custom CSS to increase the size of that button - Thank you358799691_Screenshot2019-10-29at10_25_33.thumb.png.63cb527b79e9fb5da17f11aeb9f3ea33.png

Link to comment
  • Replies 5
  • Views 2.2k
  • Created
  • Last Reply

@DawnR Add to Home > Design > Custom CSS

div#block-yui_3_17_2_1_1572343807229_5513 .sqs-system-button {
    padding: 21px 34px;
    font-size: 15px;

21px is padding top/bottom

34px is padding left/right

you can also use: padding: 10px 20px 30px 40px;

(top - right - bottom - left)

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


This topic is now archived and is closed to further replies.

  • 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.