Jump to content

tuanphan

Circle Member
  • Posts

    65,013
  • Joined

  • Last visited

  • Days Won

    518

Everything posted by tuanphan

  1. Add a Code Block > paste this code <button class="c-button">Call to action</button> <style> .c-button { background: #ffe9e9; border-radius: 3em; border: 0; border: 3px solid rgba(182, 0, 0, 0.45); color: #370000; cursor: pointer; font-weight: bold; outline: none; padding: 1.25em 2em; position: relative; text-transform: uppercase; transform-style: preserve-3d; transition: all 150ms cubic-bezier(0.175, 0.885, 0.32, 1.275); } .c-button::before { background: #ffb6b6; border-radius: inherit; box-shadow: 0 0 0 2px rgba(182, 0, 0, 0.45), 0 0.6em 0 0 rgba(255, 233, 233, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; transform: translate3d(0, 0.75em, -1em); transition: all 150ms cubic-bezier(0.175, 0.885, 0.32, 1.275); width: 100%; } .c-button:hover { transform: translate(0, 0.25em); } .c-button:hover::before { box-shadow: 0 0 0 2px rgba(182, 0, 0, 0.45), 0 0.45em 0 0 rgba(255, 233, 233, 0.8); transform: translate3d(0, 0.5em, -1em); } .c-button:active { background: #ffe9e9; transform: translate(0, 0.75em); } .c-button:active::before { box-shadow: 0 0 0 3px rgba(182, 0, 0, 0.45), 0 0 #ffe9e9; transform: translate3d(0, 0, -1em); } </style>
  2. Hi, What is your site url? Can you take screenshot on edit mode/live mode?
  3. I meant add a Form Block in Additional Info, not Product Custom Form
  4. You can add this to Design > Custom CSS .product-mark.sale { font-size: 0; } .product-mark.sale:before { content: "new text"; font-size: 16px; padding-top: 5px; display: inline-block; }
  5. Add to Design > Custom CSS h2.ProductItem-related-label { padding-top: 100px; }
  6. Yes. What is your site url? We can check easier
  7. Hi, SS 7.1 doesn't have parallax. Did you use custom code to add parallax or? Can you share link to your site?
  8. You can share link to your site, we can give some code to achieve this
  9. Can you share link to this page? We can check easier
  10. You can edit the page where you want to apply > Add a Code Block (anywhere) > Paste this code <style> .sqs-audio-player { background-color: unset !important; box-shadow: unset !important; border: none !important; } .sqs-audio-player .controls { border: 1px solid black; border-radius: 50%; box-shadow: 0 0 8px rgba(0,0,0,.8); } </style>
  11. Don't remove any code in your current code Add this to Design > Custom CSS /* Ghost - hide title */ .custom-gallery-inner-wrapper .sqs-gallery.sqs-gallery-design-grid .slide h3 { opacity: 0 !important; } .custom-gallery-inner-wrapper .sqs-gallery.sqs-gallery-design-grid .slide:hover h3 { opacity: 1 !important; }
  12. Tried some code but can't address this. You can consider using new way to add promotional popup.
  13. Can you share link to a blog post? We can help easier
  14. Add to Design > Custom CSS a:hover, a:hover span { background-size: 100% 1px !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.