Jump to content

tuanphan

Circle Member
  • Posts

    65,448
  • Joined

  • Last visited

  • Days Won

    521

Everything posted by tuanphan

  1. Hi, Can you share link to this page? We can check easier
  2. The site is expired. You can access this link to extend trial for free
  3. Two way to apply code on one page Option 1. You can edit that page > Add a Code Block (anywhere) > Then paste this code into Code Block <style> body { background-image: url(https://cdn.pixabay.com/photo/2023/03/06/14/58/iguana-7833655_640.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; } </style> Option 2. Just replace body#collection-616dda9fae933429904c8b34 with new page id See this guide to find how to find page id
  4. All three fonts don't work or which font?
  5. https://www.martinmorscher.com/neu2 You can enable buttons, then we can give code to turn button link to image link (+code to hide buttons then) With moves to the right every few seconds, you need to enable list arrows first, then we can give code easier
  6. With first item, add this to Design > Custom CSS /* make text box clickable */ .fe-block-8f2be76e0c965cf24e1a { position: relative; } .fe-block-8f2be76e0c965cf24e1a a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; }
  7. Use this new code [data-folder]:not([data-folder="root"])>div { flex-direction: column-reverse; } [data-folder]:not([data-folder="root"])>div>div:nth-child(2) { order: 4; } [data-folder]:not([data-folder="root"])>div>div:nth-child(3) { order: 3; } [data-folder]:not([data-folder="root"])>div>div:nth-child(4) { order: 2; }
  8. Try adding to Design > Custom CSS div.header-nav-item { display: flex; align-items: center; } a.header-nav-folder-title:before { position: relative; top: 5px; }
  9. See this https://help.vimeo.com/hc/en-us/articles/12426150952593-Direct-links-to-video-files
  10. Can you share link to this page? We can check easier
  11. 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>
  12. Hi, What is your site url? Can you take screenshot on edit mode/live mode?
  13. I meant add a Form Block in Additional Info, not Product Custom Form
  14. 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; }
×
×
  • 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.