Jump to content

tuanphan

Circle Member
  • Posts

    64,963
  • Joined

  • Last visited

  • Days Won

    517

Everything posted by tuanphan

  1. What is your site url? We can check problem easier
  2. sqspjelsan https://clementine-salamander-j4rd.squarespace.com/ password is incorrect
  3. You can use this code to Website > Website Tools > Custom CSS /* Video size on mobile */ @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1694412749194_947624 .native-video-player.video-player { padding-top: 120% !important; } }
  4. You can follow this guide to share url (you can use built-in Squarespace url)
  5. With your case, use this CSS code /* Image hover */ span.thumb:hover img { transform: scale(1.3); transition: all 0.3s ease; } span.thumb img { transition: all 0.3s ease; } span.thumb { overflow: hidden; }
  6. You can use this code to Website > Website Tools > Custom CSS /* Hide thumbnails */ .tweak-product-basic-item-gallery-design-slideshow .ProductItem-gallery-thumbnails { display: none !important; }
  7. Use this code to bottom of Code Injection > Footer <script> $(document).ready(function(){ $("article section:first-child").append('<div id="brush"></div>'); }); </script>
  8. Hi, So you want to apply Font Weight 300 for this heading 4 text?
  9. You can use this code to Website > Website Tools > Custom CSS @media screen and (max-width:767px) { body.homepage svg.mobile-arrow-icon { display: none; } body.homepage .user-items-list-banner-slideshow__arrow-icon-background.mobile-arrow-icon-background-area { width: 20px !important; height: 20px !important; bottom: 0 !important; background-color: transparent !important; border: 1px solid white !important; } body.homepage .mobile-arrows { bottom: 0px !important; } }
  10. You can use this CSS code (Website > Website Tools > Custom CSS) .grid-image-wrapper { padding-bottom: 56.25% !important; }
  11. This code will hide caption in Grid view, you can remove it
  12. You can add 2 sections with 2 videos, then we can give you code to show 1 section on desktop, show another on mobile
  13. If you share site url, we can check your problem easier
  14. P1, Use Code Block with this code <p class="sqsrte-large">Text text</p> or heading 4, the code will be <h4> test test</h4>
  15. This is invalid url. You can send me image file, I can give you exact code
  16. You mean click on half of image (left) = click left arrow similar with right arrow? You can use this code to Website > Website Tools > Custom CSS @media screen and (min-width: 992px) { .gallery-slideshow[data-controls-location="side"] .gallery-slideshow-control { width: 50%; } button.gallery-slideshow-control-btn { width: 100%; height: 100%; }}
  17. Hi, For this page? https://www.askalmelbourne.com/
  18. You mean add a line around each menu items + change menu color on hover?
  19. Use this CSS code (Website > Website Tools > Custom CSS) body#collection-65dd75bf32e9d23f042c250e .banner-thumbnail-wrapper:after { content: "photo credit" !important; position: absolute; right: 5vw; bottom: 2vw; font-size: 20px; color: white; z-index: 99999; display: block !important; }
  20. I see you used Text Block, Image Blocks to achieve this?
×
×
  • 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.