Jump to content

tuanphan

Circle Member
  • Posts

    65,526
  • Joined

  • Last visited

  • Days Won

    521

Everything posted by tuanphan

  1. You can add this code to Website Tools (under Not Linked) > Custom CSS div.header-menu-actions { position: relative; top: -150px; }
  2. You can use Contact Form Block, but use Text Field instead of Phone field
  3. Add this code under <style> a.tp-button:hover { opacity: 0.8; } </style>
  4. You can add this code to Website Tools (under Not Linked) > Custom CSS @media screen and (max-width:767px) { article.blog-basic-grid--container.entry.blog-item.is-loaded { margin-bottom: 100px !important; } }
  5. Add this code to Website Tools (under Not Linked) > Custom CSS div#block-0acba7ab37cfd9a3af65 { .sqs-block-accordion .accordion-item__click-target { display: flex; flex-direction: row-reverse; } span.accordion-item__title { text-align: right; }}
  6. I tried adjust the code with your H1 text. You try checking demo, if it it what you want, I will give you exact code to add to Squarespace https://codepen.io/tuanhero/pen/qBgzQQo
  7. Hi, You want Change icon color on each page? To do this, you will need to use different icon url on each page for example, Contact Page, add this code to Contact Page Header Code Injection, replace Pixabay with new icon url <style> header#header a.icon[href*="bsky.app"] { background-image: url(https://cdn.pixabay.com/photo/2023/06/01/05/58/ocean-8032698_1280.jpg); } </style> I use this code because it targets both mobile + desktop
  8. Can you share link to page where you use code? We can check easier
  9. tuanphan

    Create a Quiz

    You can try creating with use Form Block with Checkbox, Radio field...Or try Typeform
  10. Can you share link to this product? We can check easier
  11. I think Filter Plugin is the only plugin can do this on Squarespace site. I use Filter on some sites (almost to create examples to answer questions on forum), I use it for Blog Page, Shop Page, Gallery Section,...
  12. Add to Website Tools (under Not Linked) > Custom CSS footer#footer { max-width: 100% !important; }
  13. Your effect is still covering the whole screen, it's just invisible because of opacity: 0, so all elements on the home page will not be clickable. You can consider adding code to make loading screen will slide down/up/left/right to make it not cover screen. Like this example: https://tuanphan3.squarespace.com/1images-loading pass: abc If you need to adjust code, let me know, I will give new code
  14. Try this section[data-section-id="6553bddea684286457fd7144"].page-section { position: sticky!important; top: 0px!important; z-index:0; position: -webkit-sticky; }
  15. Add to Code Injection > Footer <img src="https://cdn.pixabay.com/photo/2023/06/01/05/58/ocean-8032698_1280.jpg" width="100px" class="tp-sticky-img"/> <style> img.tp-sticky-img { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 999; } </style>
×
×
  • 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.