Jump to content

tuanphan

Circle Member
  • Posts

    64,819
  • Joined

  • Last visited

  • Days Won

    517

Everything posted by tuanphan

  1. Add to Design > Custom CSS @media screen and (max-width:767px) { footer.sections a.email { margin-right: 0 !important; } }
  2. Add to Design > Custom CSS div#block-yui_3_17_2_1_1687818723123_3453 .sqs-intrinsic { padding-bottom: 30% !important; }
  3. Use this CSS code div.option * { font-family: 'AGRANDIR' !important; }
  4. Suppose your site is ttchva.squarespace.com You can access this link: ttchva.squarespace.com/config/safe It will disable all code in Edit Mode, then you can edit everything easier
  5. Add to Design > Custom CSS a.Mobile-overlay-folder-item[href="/coasters"], a.Mobile-overlay-folder-item[href="/jugs"] { margin-bottom: 40px; }
  6. Your site is private. Can you setup an access password?
  7. /config is ur for site owner/contributor You can look at top right/top left > click on an arrow > real url will appear on browser address bar
  8. Can you share link to your site? We can check problem easier
  9. Add to Design > Custom CSS /* Shop Calendar Button */ div#block-1a120f1d30f77a99311a a { background-color: #f1f !important; }
  10. Add to Design > Custom CSS .yui3-lightbox2 .sqs-lightbox-meta.overlay-description-visible { background-color: transparent !important; } .yui3-lightbox2 .sqs-lightbox-meta.overlay-description-visible * { color: black !important; font-family: 'baskerville' !important; }
  11. I see it worked here, from screen sizes 768px to 1000px If you have problem with other sizes, just adjust these number
  12. Use this CSS /* center product info */ .product-details.pdp-details * { text-align: center !important; }
  13. Like this example? https://thung.squarespace.com/poster-block?noredirect Pass: abc
  14. Edit page where you want to place this countup > Add a Code Block > paste this code <div id="timer"></div> <style> #timer { font-size: 3em; font-weight: 100; color: white; text-shadow: 0 0 20px #48C8FF; } #timer div { display: inline-block; min-width: 90px; } #timer div span { color: #B1CDF1; display: block; font-size: 0.35em; font-weight: 400; } </style> <script> function updateTimer() { future = Date.parse("June 11, 2020 11:30:00"); now = new Date(); diff = future - now; days = Math.floor( diff / (1000*60*60*24) ); hours = Math.floor( diff / (1000*60*60) ); mins = Math.floor( diff / (1000*60) ); secs = Math.floor( diff / 1000 ); d = days; h = hours - days * 24; m = mins - hours * 60; s = secs - mins * 60; document.getElementById("timer") .innerHTML = '<div>' + d + '<span>days</span></div>' + '<div>' + h + '<span>hours</span></div>' + '<div>' + m + '<span>minutes</span></div>' + '<div>' + s + '<span>seconds</span></div>' ; } setInterval('updateTimer()', 1000 ); </script>
  15. I guess you should post on some SEO groups, you will get more opinion
  16. See video https://www.loom.com/share/c3aafa479b3e43b880c2fee86e5d9913
  17. Try this CSS .gallery-grid-item-wrapper { border: 1px solid black; }
  18. Yes. My ideal is use Image Block or Gallery Section. With Gallery Section, we can achieve text hover effect easier
×
×
  • 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.