Jump to content

tuanphan

Circle Member
  • Posts

    65,051
  • Joined

  • Last visited

  • Days Won

    519

Everything posted by tuanphan

  1. You can add this to Design > Custom CSS /* p1 */ p.sqsrte-large { font-family: 'SwissWorks-Regular' !important; font-size: 1.5rem !important; } /* p2 */ p:not(.sqsrte-large):not(.sqsrte-small) { font-family: 'FF-Mark-Regular' !important; font-size: 1.5rem !important; }
  2. 2 options to deal with this #1. Reduce text size on mobile (with code) #2. Replace title with Prev/Next text What do you think?
  3. Use this CSS code h1.BlogItem-title { font-family: 'garamond-premier-pro-display' !important; } a.BlogList-item-title { font-family: 'garamond-premier-pro-display' !important; }
  4. Mobile uses a different class name. What is your site url? We can check it again easier
  5. Use this CSS code @media screen and (max-width:640px) { section#about-cta>div { margin-bottom: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important; } section#about-cta { min-height: unset !important; } }
  6. Add this code to Work Page Header (Do not add to Custom CSS) <style> .burger-inner>div { background-color: black !important; } </style>
  7. You can add an accordion, then we can check easier
  8. Hi, Add this to Design > Custom CSS @media screen and (min-width:992px) { body.homepage header#header { display: none; } }
  9. Hi, Can you share link to a filter category page? We can check easier
  10. Can you share link to page where you have problem? We can check easier
  11. Don't remove any code in your current code. Add this to Design > Custom CSS div.header-nav-folder-content { padding: 0 !important; } div.header-nav-folder-content div a { padding: 0.5em 1em !important; }
  12. With homepage, add to Design > Custom CSS body.homepage { overflow: hidden; } body.homepage section { min-height: unset !important; height: 100vh !important; } If it works, let me know, we will check Careers page
  13. (This code for Photography) Add to Last Line in Code Injection > Footer. This code won't work with PARALLAX feature. <script> $('div#block-yui_3_17_2_1_1685501077192_12722 a').hover(function(){ $('[data-section-id="6476b6d57c47b25e21b33735"]').addClass("show"); //Add the active class to the area is hovered }, function () { $('[data-section-id="6476b6d57c47b25e21b33735"]').removeClass("show"); }); </script> <style> .section-border img { transition: all 0.3s; } .show .section-border img { transition: all 0.3s; transform: scale(1.5); } </style>
  14. First link doesn't exist. Can you check it again?
  15. Can you share link to a blog where you use slideshow? And adjust height on desktop or all devices?
  16. We can target exact url Suppose your Checkout Our Groups has url: /check-out-our-groups You can use this CSS code div.accordion-item__description p a[href="/check-out-our-groups"] { background-color: black; color: white !important; padding-left: 10px; padding-right: 10px; padding-top: 15px; padding-bottom: 15px; border-color: red; border-width: 1px; border-style: solid; }
  17. Hi, Can you share link to a product? We can check easier
  18. You can ask a Circle Member to add Gallery to your site, then you can add video to it. You can copy, duplicate block in next time
  19. You can add this to Design > Custom CSS div.form-block textarea { font-size: 12px !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.