Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by Sam0smith

  1. Please add this : .header-dropshadow { box-shadow: none !important; opacity: 0 !important; } let me know how it goes.
  2. You can use a video resizer and then add the video on to your website. You can use this online tool : https://clideo.com/resize-video you will be able to resize your video to any ratio that you need.
  3. I've recently tried a vertical timeline plugin. It might be what you're looking for. It's work like a charm on both Squarespace 7.0 and 7.1. And you don't need to know custom code. I gave them a whirl on my own site, and I have to say, I'm impressed. You can tweak everything from colors and fonts to icons and sizes. Plus, they look slick on any device, so no worries there. link to the squarespace vertical timeline pluign. and squarespace alternative vertical timeline pluign. Check out the timeline screenshot on my website :
  4. In order to target a specific page, you just have to go to the “Website” tab in the Squarespace editor. Once you do that, hover on the page that you’re targetting then click the settings icon of that specific page. Once you do that, click the advanced tab and paste the following CSS code there: <style> .is-scrolled a { color: #000 !important; } .is-scrolled .icon.icon--cart { stroke: #000 !important; } .is-scrolled .icon-cart-quantity { stroke: #000 !important; } </style>
  5. Please add this css on your website : Let me know how it goes. .is-scrolled a { color: #000 !important; } .is-scrolled .icon.icon--cart { stroke: #000 !important; } .is-scrolled .icon-cart-quantity { stroke: #000 !important; }
  6. Can you share your website url?
  7. Please share your website URL so that we can check.
  8. Hi Elizabeth, Please use this code to Website > Website Tools > Custom CSS .Header-nav { display: inline-block; } [data-nc-container="bottom-center"] { width: 100%; } [data-nc-container="bottom-left"] { text-align: center !important; display: block !important; position: absolute; margin-top: 140px; z-index: 999; }
  9. You can send me your website url and I can give you updated code.
  10. @suzanne Please add this css code to : Website > Website Tools > Custom CSS I have checked from my side and it works perfectly. I think, you added the css on wrong place. Can you try again? @font-face { font-family: 'Adieu'; src: url('https://static1.squarespace.com/static/652da6f7ed2ba3418ddb5d19/t/663103af16c564615b00c09a/1714488239820/Adieu-Light.woff'); } p { font-family: 'Adieu', sans-serif !important; font-style: normal; }
  11. @cassandraism You can use this code to Website > Website Tools > Custom CSS .header-nav-item.header-nav-item--folder.header-nav-item--active a { border-bottom: 4px solid #f6bc4b !important; } .header-nav-item.header-nav-item--folder .header-nav-folder-content a { border: none !important; } It will fix the hover underline issue.
  12. Please add this code : .social-accounts .header-menu-actions-action.mobile:nth-child(4) { background-image: url(https://static1.squarespace.com/static/65d7f5ef44cb2a472910d11d/t/65f1f43c5f09575737bef5e9/1710355516228/Google+Favicon+White.png) !important; } It will fix your issue on mobile device.
  • 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.