Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

bangank36

Circle Member
  • Posts

    3,877
  • Joined

  • Last visited

  • Days Won

    47

Everything posted by bangank36

  1. There is no built in feature, you gotta buy premium plugin for this or implement you own
  2. You want caption under lightbox right?
  3. It's the text contains the image url already, you can use javascript to parse it into html content, I did not mean to append these text into the gallery directly
  4. try #block-yui_3_17_2_1_1601407006045_59630 + .row .span-3 { position: sticky; top: 50px; } #artists-2.Index-page { overflow: visible; }
  5. You can try to use scrolltrigger to achieve that, the example show with text but it can be turned to background if you can twist it How to fade in and fade out in ScrollTrigger? - GSAP - GreenSock
  6. You can use scrolltrigger with gsap to achieve it, some similar effect can be found at untitled - edit - 2 (codepen.io)
  7. PS: You can use javascript plugin as well, if you are familiar Sticky Plugin (stickyjs.com)
  8. I suggest you split the heading into it own seperate text block, so on your page h1 and the h3 below can be on different text block. Look how it display here The code for the block, note that id can be extracted using this #block-2e30026b2edaf7cb12e9 { position: sticky; top: 100px } Chrome Web Store - Extensions (google.com) Notice 2 block has been seperated here
  9. You can consider upload the content into google sheet and use Table block plugin provided by Squarewebsites.org to display it on frontend
  10. If you want code apply to specific portfolio pages only, conside using this tool to get the collection id of porfolio page. Chrome Web Store - Extensions (google.com) eg: Then this selector can be applied for all of the pages inside the porfolio .collection-5d28ae573e47cd0001707a3f.view-item Sample page from this Alex Tepito (squarespace.com)
  11. You should be able to share the site wide password for short time and turn it off
  12. You should only append the script only one time, I suggest place it on Code injection Footer <script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h3').css('cursor','pointer'); $(".markdown-block .sqs-block-content h3").nextUntil("h3").slideToggle(); $(".markdown-block .sqs-block-content h3").click(function() {$(this).nextUntil("h3").slideToggle();}); }); </script>
  13. Try the solution on this answer Your format should be "mm-yyyy" --> 02-2021
  14. try @media screen and (max-width: 575px) { .user-items-list-carousel .desktop-arrows { display: grid; } .user-items-list-carousel .mobile-arrows { display: none; } }
  15. Which place you want to place the logo, could yo share a mockup?
  16. What is your current site url and the block you are referring?
  17. Copy this into Page header injection <script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script><script src="https://threejs.org/examples/js/libs/stats.min.js"></script> <style> #particles-js{ --particle-background: #ccc;position:absolute; width: 100%; height: 100%; background-color: var(--particle-background); background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } </style> <script> document.addEventListener('DOMContentLoaded', function() { var firstSection = document.querySelector(".homepage #page section:first-child .section-background"); if (firstSection) { firstSection.id = "particles-js" }; /* Generated code from particle website */ particlesJS("particles-js", {"particles":{"number":{"value":80,"density":{"enable":true,"value_area":800}},"color":{"value":"#ffffff"},"shape":{"type":"circle","stroke":{"width":0,"color":"#000000"},"polygon":{"nb_sides":5},"image":{"src":"img/github.svg","width":100,"height":100}},"opacity":{"value":0.5,"random":false,"anim":{"enable":false,"speed":1,"opacity_min":0.1,"sync":false}},"size":{"value":3,"random":true,"anim":{"enable":false,"speed":40,"size_min":0.1,"sync":false}},"line_linked":{"enable":true,"distance":150,"color":"#ffffff","opacity":0.4,"width":1},"move":{"enable":true,"speed":6,"direction":"none","random":false,"straight":false,"out_mode":"out","bounce":false,"attract":{"enable":false,"rotateX":600,"rotateY":1200}}},"interactivity":{"detect_on":"canvas","events":{"onhover":{"enable":true,"mode":"repulse"},"onclick":{"enable":true,"mode":"push"},"resize":true},"modes":{"grab":{"distance":400,"line_linked":{"opacity":1}},"bubble":{"distance":400,"size":40,"duration":2,"opacity":8,"speed":3},"repulse":{"distance":200,"duration":0.4},"push":{"particles_nb":4},"remove":{"particles_nb":2}}},"retina_detect":true}); }); </script> Find and change the value of css variable particle background as you wish --particle-background: #ccc;
  18. Squarespace already had a promotion popup, but it not what you are after?
×
×
  • Create New...