Lightbox signup customization: font, image, overlay, width and layout

  • 3
  • Idea
  • Updated 3 years ago
  • Under Consideration
  • (Edited)
Are there any advanced customization options for the new lightbox? I want to change the font to our website's web font and a few other tweaks, but when I tried to override it in our style sheet (using !important), it didn't take. Any tips?
Photo of Diane

Diane

  • 44 Posts
  • 1 Reply Like

Posted 3 years ago

  • 3
Photo of Katie Lewis

Katie Lewis, Official Rep

  • 3414 Posts
  • 309 Reply Likes
Hi Diane! This is our first iteration of lightbox forms, and we're collecting lots of feedback for enhancements down the road, like font customization. (Which typeface do you want to use?)

Do you mind listing those tweaks you'd like to make, and I'll share them with our Product Team?
Photo of Diane

Diane

  • 44 Posts
  • 1 Reply Like
Hi Katie,

The font we're using on this site is Raleway (https://www.google.com/fonts/specimen/Raleway). In addition to the font, I'd love to be able add a header/hero background image to the popup, change the color of the overlay transparency,  change the width of the form for the desktop version. The ability to change the layout of the form on desktop versions would be pretty nice too - (Specifically I'd like the headline at the top, then the sub head on the left and the form fields on the right). 

Thanks!
Photo of Katie Lewis

Katie Lewis, Official Rep

  • 3414 Posts
  • 309 Reply Likes
This is great -- Thank you, Diane! I'm getting all this info to our Product Team and hope to have a response to you next week. :)
Photo of Katie Lewis

Katie Lewis, Official Rep

  • 3414 Posts
  • 309 Reply Likes
Hello again! After chatting with the Product Team, I'm marking this idea as Under Consideration. It's likely we won't implement all of these customization options right away. We're definitely interested in moving in this direction!

I want to encourage folks to vote this up and let us know what it is you want from the above discussion (if you have something new to add, please create a new conversation) so we can circle back to you when it's time to do some usability testing later on. :)
Photo of Todd Williams

Todd Williams

  • 7 Posts
  • 1 Reply Like
I would like to see simple stuff like line breaks (i.e. <P> or <br>), centering, italic, etc. Choosing a different color of input fields (I would prefer a white font, but that does not work well with the white background on the text boxes). 

Also the light box does not scroll on my phone (android) and the field you are filling in does not scroll above the typing overlay.
Photo of Katie Lewis

Katie Lewis, Official Rep

  • 3414 Posts
  • 309 Reply Likes
Hi Todd! I'm creating a new space for us to talk through these different ideas for lightbox forms. Be with you there in a minute. :)

Please reference the new conversation here: Offer line breaks, centering, italics and input field colors for lightbox forms