Jump to content

Can't adjust form lightbox button hover color and lightbox form colors

Recommended Posts

Posted

Hi there,

https://www.peoplethebrand.com/b2b-saas-homepage-headline-formulas

Page code: 42224

I'm trying to change the lightbox button hover color on a page I'm creating, but nothing seems to work. I can't figure out which site-wide palatte controls to adjust to fix this.

The button is white with black text when static, but when I hover, the text goes white, which leads to white-on-white display (see image).

Ideally it would go black with white text on hover. I'd also okay with there being *no* hover effect if that's the best fix. 

Same with the actual form that appears when clicking - it's mostly pink and black (see image). But again, can't figure out which site-wide palette controls to change to get desired result. 

Perhaps this needs code injection? Appreciate any help someone can provide! 

Thank you!

 

 

image.png

Screenshot 2024-04-22 at 1.29.14 PM.png

  • Replies 1
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Posted

@Ashley_Peoplethebrand I have CSS code solution for this. Below is the code you need to add into CSS editor

.lightbox-handle {
  &:hover {
    color: #000 !important;
  }
}
.lightbox-content {
  background: #ff3cc7 !important;
  .form-button-wrapper .form-submit-button {
    &:hover {
      color: #fff !important;
    }
  }
}

Please like and upvote if you found my comments helpful. Cheers 🙂

Agha Waqas (sqsp guru)
Squarespace Website Developer
Contact me: https://sqspguru.com or hello@sqspguru.com

 Did I help? Buy me a coffee? (thank you!)

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.