Jump to content


Circle Member
  • Posts

  • Joined

  • Last visited

Everything posted by DustyBottoms

  1. Site URL: https://jdmlabs.io/test Hello, I am trying to turn off the hover effect for the button that is used when the Lightbox is enabled for the form block. I was able to replace the button with a custom image, but I am unable to remove the hover effect. I just want it to be the consistent image when it's hovered over. I utilized the button tag button.lightbox-handle.sqs-system-button.sqs-editable-button but I am at a roadblock for how to not allow a hover.
  2. @bangank36 I was able to accomplish this task using the script below, but how am I able to disable the hover, so the button stays the same, or display a drop shadow effect when hovered. button.lightbox-handle.sqs-system-button.sqs-editable-button { background: transparent !important; background-image: url('https://static1.squarespace.com/static/613834447ae8697975d8c315/t/616ef7ec9e4a0d5122300cdb/1634662380095/button_bottom-.png') !important; background-position: center !important; background-size: auto 150px !important; background-repeat: no-repeat !important; padding: 45px 220px !important; }
  3. @bangank36 I am actually looking to change the button prior to the form opening up. I am attaching the button below, I am trying to exchange it for a custom image that is a .png.
  4. Site URL: https://jdmlabs.io Hello community, What would be the best approach to change the Form Block button when Lightbox is enabled. I have a custom graphic image that I need to replace it with? Just looking to swap out the initial button that appears when Lightbox is enabled. Thanks!
  5. Site URL: https://neon-border-test.squarespace.com Hey everyone, Hope you are all doing well. I have a client that I have been working with recently and the designs they have provided me all detail a neon border around each text block. I wasn't able to achieve with this code at the time of the initial build-out, so my main solution to this was to create the neon borders as images, and use the poster design for the image blocks, and to place the text inside the image block, with the neon border around it. It's very sloppy, and doesn't scale well at all. I was wondering if someone can help me out with a CSS solution. I came across a couple code sets, and I was able to create a neon border around text, but I am unable to achieve the effects of having a neon border around my Header title, and paragraph body around it. It currently is creating the border per text style. Example code set: https://codepen.io/GeorgePark/pen/MrjbEr The site to view my examples/attempts are: https://neon-border-test.squarespace.com password: border My desired results are being able to encapsulate many elements around a neon border, images and titles - there is an image included in the site that displays what I am looking for.
  6. Site URL: https://www.squarespace.com/sell-anything Hey community members, I was just taking a glance at this new marketing page that Squarespace introduced, https://www.squarespace.com/sell-anything. Was this page built in squarespace? The design and function is fantastic, but like 90% of the page looks like nothing I have been able to create on SS before. It would be a shame to show us some awesome functionality and for it to never come. Could this be a tease of whats to come from the future of Squarespace?
  • 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.