Jump to content

CampIlliana1949

Member
  • Posts

    1
  • Joined

  • Last visited

Everything posted by CampIlliana1949

  1. our images on our site are currently gray. this has happened before and it was an issue with the custom coding and squarespace updates messing each other up. Can I safely remove the coding from our site? I feel like this would solve this issue for good... here is our code. I Have not learned much about code so I'm rather lost. i contacted squarespace and this is what they said- Alright, it looks to be the custom code implemented into the site, is causing this behavior with the gray overlay. When I set the site on Safe mode, which disables all code placed in the CSS panel, Code blocks, and Code injection, the image displayed. Here's a video of that behavior: https://share.squarespace.com/E0uX5D2q You're more than welcome to incorporate custom CSS in your site. As a note, we're unable to offer assistance or troubleshooting for such modifications or additions, due to their complex nature. Additionally, with a code-based solution, we can’t guarantee its functionality or full compatibility with Squarespace. You'll need to troubleshoot your code to determine why it's causing this behavior with our features. That said, while our team here is unable to support our customers in this specific way, we have the following resources that provide further information on how you can use code on our platform and goes further into restrictions by website plan Can I safely remove the coding from our site? I feel like this would solve this issue for good... here is our code. I Have not learned much about code so I'm rather lost. //code.jquery.com/jquery-3.6.1.min.js"> // Stretchy Navigation Line - v2 // .header-nav-item::after { content: ''; background: #000000; //color height: 1px; //thickness width: 0; display: block; margin-top: .05px !important; transition: width 0.5s; //animation speed margin: 0 auto; } .header-nav-item:hover::after { width: 100%; } .header-nav-item--active a { background-image: none !important; } // Active Nav Color // .header-nav-item--active a { color: #000000 !important; border-bottom: 1px solid #FFFFFF !important; background-image: none !important; } // Fading Folder Nav // .header .header-nav .header-nav-item--folder .header-nav-folder-content { transition: ease-in-out 0.5s; } // Spotlight Navigation Folder Style // .header-nav-folder-content:hover > .header-nav-folder-item { opacity: 0.5; } .header-nav-folder-content:hover > .header-nav-folder-item:hover { opacity: 1.0; } // Expanding Button On Hover // .sqs-block-button .sqs-block-button-element--medium { transition: transform 0.3s !important; } .sqs-block-button .sqs-block-button-element--medium:hover { opacity: 1 !important; transform: scale(1.1) !important; }
×
×
  • 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.