Jump to content

sqsp_guru

Circle Member
  • Posts

    11
  • Joined

  • Last visited

Everything posted by sqsp_guru

  1. @RuthRTW add z-index to #customFloatingButton. Updated Code Version (Replace this with old one) <style> #customFloatingButton { position: fixed; bottom: 10px; right: 10px; z-index: 999; } #customFloatingButton a { display: inline-block; background-color: #8ACB88; color: white; padding: 10px 10px; text-decoration: none; box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.5); transition: 200ms; } #customFloatingButton a:hover { transform: scale(1.04); } </style>
  2. @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; } } }
  3. @PBTRealty can you share the website link? Though you can add below code into CSS Editor. .homepage { .header-nav-item a { color: #fff !important; } }
  4. Your password is not working. can you double check the password?
  5. @RuthRTW There is a syntax issue in your Code. Below is the updated version of the code. Replace old code with this new one. <style> #customFloatingButton { position: fixed; bottom: 10px; right: 10px; } #customFloatingButton a { display: inline-block; background-color: #8ACB88; color: white; padding: 10px 10px; text-decoration: none; box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.5); transition: all 200ms; z-index: 9999; } #customFloatingButton a:hover { transform: scale(1.04); } </style>
  6. @RuthRTW can you share the password of the website?
  7. @RuthRTW Can you share the Password of the website. Might be z-index would be the issue, you can add z-index: 9999; in your CSS code and test it.
  8. @thearrivalyoga you can add this additional code line into your code. font-style: normal !important;
  9. @kargov yes we can do that. you need to add CSS code to hide the Announcement bar on RSVP page Below is a CSS code. copy/paste code into CSS editor. #collection-661ed0ea354eaa28ec680723 .sqs-announcement-bar { display: none !important;}
  10. @Eyra123 I just checked, you can use the min-width for this situation. here is a code you need to add into CSS code. .header-nav-list { .header-nav-item { margin-bottom: 10px !important; a { min-width: 220px !important; } } } see screenshot.
×
×
  • 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.