Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,744

  • Joined

  • Last visited

  • Days Won

    516

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    You can add some code like this to Code Block <style> iframe.embedly-embed { height: 2500px !important; } @media screen and (max-width: 767px) { iframe.embedly-embed { height:3000px !important; width: 100% !important } } </style>
  2. tuanphan
    You can use Accordion Block, SS released it, then we can give code to make accordion title to violet color like as current color Or use this code to Website Tools (under Not Linked) > Custom CSS to remove space on /careers page @media screen and (min-width:992px) { .fe-656a8afe22d44667f7279453 { row-gap: 0 !important; grid-template-rows: repeat(7,minmax(calc(~"var(--container-width) * var(--row-height-scaling-factor)"), auto)) !important; } }
  3. tuanphan
    The hero section image shows fine now
  4. tuanphan
    I see you removed Filters box, but if you need to sticky category links instead, you can use this code to Website Tools (under Not Linked) > Custom CSS .products.collection-content-wrapper .nested-category-tree-wrapper>ul { position: sticky !important; position: -webkit-sticky !important; top: 200px; z-index: 999999; }
  5. tuanphan
    Something like this example? https://codepen.io/astrit/pen/QWbZgpR
  6. tuanphan
    I think the exact code should be @media screen and (max-width: 767px) { div#block-97f5e9d103fbab98a3eb { margin-top:-43%; margin-left:30%; margin-right: -2%; } }
  7. tuanphan
    Do you still need code to do this? Or you solved?
  8. tuanphan
    You can use this code to Website Tools (under Not Linked) > Custom CSS (this code for products 3 columns, if you change to 2, 4, 5...it won't work) @media screen and (min-width:992px) { body.view-list section.products.collection-content-wrapper.products-list { } div.grid-item { border: 1px solid black; padding: 30px; } .products.collection-content-wrapper .list-grid { grid-gap: 0 !important; } div.grid-item:nth-child(3n) { border-left: 0 !important; border-bottom: 0 !important; } div.grid-item:nth-child(3n+1):not(:last-child) { border-right: 0 !important; border-bottom: 0 !important; } div.grid-item:nth-child(2n+2) { border-bottom: 0 !important; } div.grid-item:last-child, div.grid-item:nth-last-child(-n+3) { border-bottom: 1px solid black !important; } }
  9. tuanphan
    Missed your thread since that time. Do you still need this?
  10. tuanphan
    Hi, I think you can try this code for Search Page
  11. tuanphan
    If you still need help, try this code <script> // If the current page isn't in an iframe then run the code if (window.top === window.self) { var script = document.createElement('script'); script.src = '/s/header.js'; // Replace with your script's URL document.head.appendChild(script); } </script>
  12. tuanphan
    Hi, Try this video https://www.youtube.com/watch?v=v7Xg1QRXHp0&t=399s
  13. tuanphan
    Thank you @dwinnbrown I just tried on my site & it worked. Maybe you added all text to same line so it doesn't work, you try each text on different line Something like this
  14. tuanphan
    Just an update to this. Recently I tested something & found this is possible. My ideal is add each section alternately below, initially hidden with CSS, then if you click on each text, it will make the section right below it visible. You can see similar effect in this thread (read some comment at bottom of page)
  15. tuanphan
    I think she used Snazzyview Mega Menu Plugin to achieve this type of menu on mobile https://snazzyview.com/squarespace-plugins/p/mega-menu-plugin-squarespace
  16. tuanphan
    In case you need this, I just tried doing an example, it this what you want? https://tuanphan3.squarespace.com/section-video-carousel?noredirect pass: abc
  17. tuanphan
    You can try this code .Marquee:hover textPath * { text-shadow: 3px 3px #e7756b; color: #FFFFFF !important; -webkit-text-stroke-width: 3px !important; -webkit-text-stroke-color: black !important; }
  18. tuanphan
    Add this code to Website Tools (under Not Linked) > Code Injection > Footer <script> if (document.location.pathname.indexOf("/original-artwork/") == 0) { document.querySelector('body').classList.add('shop-artwork') } </script> <style> body.shop-artwork header#header div.header-nav-item:first-child [href*="original-artwork"] { color: #f56400 !important; text-decoration: line-through !important; } </style>
  19. tuanphan
    Use this code to Custom CSS box [class*="type-events"].view-item div.header-nav-item>a { color: white !important; }
  20. tuanphan
    You can share site url, we can check easier
  21. tuanphan
    You can use a standard page and hide header/footer, then set as it homepage, instead of use lock page
  22. tuanphan
    Your screenshot is Custom CSS, not Lock Screen box Access Website Tools (under Not Linked) > Code Injection > Scroll down a bit, you will see Lock Screen (or Lock Page) box.
  23. tuanphan
    Change red code to this code .ugb-video-popup a { z-index: 3; box-shadow: none !important; background: transparent !important; display: block !important; color: #fff; text-decoration: none; } and change this to this code .ugb-video-preview, .ugb-video-popup a, .ugb-play-button { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } result
  24. tuanphan
    Try this code to Website Tools (under Not Linked) > Custom CSS body .sqs-gallery-design-stacked-slide { opacity: 1 !important; transition: unset !important; } body div:not(.sqs-active-slide) { visibility: hidden !important; } body div.sqs-active-slide { visibility: visible !important; }
  25. tuanphan
    You can use Gallery Slideshow Fullscreen to achieve this or List Section Banner Slideshow
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources