Jump to content

tuanphan

Circle Member
  • Posts

    65,482
  • Joined

  • Last visited

  • Days Won

    521

Everything posted by tuanphan

  1. Just had some days off. Do you still need help? And this is your site? https://www.howaboutnope.com/np-shop
  2. You can also use a Code Block with this below code to achieve this Demo: https://codepen.io/mlsf/full/WjVZxY Code <div class="text"> <p class="showlightbox" onclick="showLightbox();">Click me to open a lightbox! </p> </div> <div id="lightbox"> <span class="close" onclick="hideLightbox();">Click me to close the lightbox.</span> <div class="container"> <p>Chase dog then run away woops poop hanging from butt must get rid run run around house drag poop on floor maybe it comes off woops left brown marks on floor human slave clean lick butt now kitty poochy mew russian blue, a nice warm laptop for me to sit on. I cry and cry and cry unless you pet me, and then maybe i cry just for fun and sometimes switches in french and say "miaou" just because well why not yet spot something, big eyes, big eyes, crouch, shake butt, prepare to pounce so purr for no reason or friends are not food. Shove bum in owner's face like camera lens meow but decide to want nothing to do with my owner today paw at beetle and eat it before it gets away. Sit on the laptop poop on grasses yet play time pose purrfectly to show my beauty attack dog, run away and pretend to be victim for sleep on keyboard, and paw at beetle and eat it before it gets away. Find empty spot in cupboard and sleep all day destroy the blinds nap all day. Thug cat . Ears back wide eyed hopped up on catnip, but steal the warm chair right after you get up and with tail in the air have my breakfast spaghetti yarn, wack the mini furry mouse. Eat the fat cats food meow all night having their mate disturbing sleeping humans or destroy couch as revenge, throw down all the stuff in the kitchen, lick yarn hanging out of own butt but destroy couch as revenge, steal the warm chair right after you get up. Gnaw the corn cob. Who's the baby sun bathe throw down all the stuff in the kitchen or spit up on light gray carpet instead of adjacent linoleum so sit on human. Be a nyan cat, feel great about it, be annoying 24/7 poop rainbows in litter box all day curl up and sleep on the freshly laundered towels yet ask to go outside and ask to come inside and ask to go outside and ask to come inside and plan steps for world domination jump around on couch, meow constantly until given food, or hide when guests come over. Caticus cuteicus this human feeds me, i should be a god stare at the wall, play with food and get confused by dust for meow meow, i tell my human, curl up and sleep on the freshly laundered towels. Sun bathe licks your face, but kitty kitty relentlessly pursues moth or leave hair everywhere this human feeds me, i should be a god. Kitty kitty spit up on light gray carpet instead of adjacent linoleum swat at dog roll on the floor purring your whiskers off, and stare out the window so intently sniff hand present belly, scratch hand when stroked. My slave human didn't give me any food so i pooped on the floor spill litter box, scratch at owner, destroy all furniture, especially couch so cats making all the muffins yet bleghbleghvomit my furball really tie the room together, scream for no reason at 4 am for lay on arms while you're using the keyboard. Get video posted to internet for chasing red dot pooping rainbow while flying in a toasted bread costume in space claws in your leg but lick the curtain just to be annoying and chase red laser dot. Kitty kitty steal the warm chair right after you get up lies down climb a tree, wait for a fireman jump to fireman then scratch his face or poop in the plant pot, pee in human's bed until he cleans the litter box. Howl uncontrollably for no reason pushes butt to face or flee in terror at cucumber discovered on floor scratch the box. Mrow walk on car leaving trail of paw prints on hood and windshield and decide to want nothing to do with my owner today meowing chowing and wowing so please stop looking at your phone and pet me. Wack the mini furry mouse go into a room to decide you didn't want to be in there anyway immediately regret falling into bathtub. Munch on tasty moths man running from cops stops to pet cats, goes to jail but where is my slave? I'm getting hungry, intrigued by the shower sit on human. Meowzer nap all day pet right here, no not there, here, no fool, right here that other cat smells funny you should really give me all the treats because i smell the best and omg you finally got the right spot and i love you right now. Poop on grasses. Missing until dinner time roll over and sun my belly, or leave dead animals as gifts see owner, run in terror. Stares at human while pushing stuff off a table find something else more interesting. Rub face on everything scream at teh bath. Pet right here, no not there, here, no fool, right here that other cat smells funny you should really give me all the treats because i smell the best and omg you finally got the right spot and i love you right now ask for petting yet destroy couch as revenge. Eat prawns daintily with a claw then lick paws clean wash down prawns with a lap of carnation milk then retire to the warmest spot on the couch to claw at the fabric before taking a catnap. Russian blue chew on cable for make muffins licks your face sit and stare. Sit by the fire kitty poochy so cats go for world domination. Mewl for food at 4am purr yet annoy kitten brother with poking but catch mouse and gave it as a present scratch leg; meow for can opener to feed me. Gate keepers of hell ask for petting ignore the squirrels, you'll never catch them anyway i cry and cry and cry unless you pet me, and then maybe i cry just for fun. Chase red laser dot purr for no reason so kick up litter but meow or chase laser. Cough hairball on conveniently placed pants plop down in the middle where everybody walks licks your face or a nice warm laptop for me to sit on so see owner, run in terror. Gnaw the corn cob chase the pig around the house but refuse to leave cardboard box, but russian blue shake treat bag, or spot something, big eyes, big eyes, crouch, shake butt, prepare to pounce. Cat is love, cat is life stand in front of the computer screen i like big cats and i can not lie kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff for scream for no reason at 4 am or peer out window, chatter at birds, lure them to mouth. Mesmerizing birds slap owner's face at 5am until human fills food dish and need to chase tail. Present belly, scratch hand when stroked lick the plastic bag yet eat all the power cords or lie on your belly and purr when you are asleep play time missing until dinner time. Spend all night ensuring people don't sleep sleep all day instantly break out into full speed gallop across the house for no reason my slave human didn't give me any food so i pooped on the floor rub face on everything cat not kitten around . Attack the dog then pretend like nothing happened drink water out of the faucet. Ask for petting. Destroy the blinds drink water out of the faucet. </p> <p> Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff hiss and stare at nothing then run suddenly away, and damn that dog chase the pig around the house eat owner's food cough hairball on conveniently placed pants. Present belly, scratch hand when stroked meoooow eat the fat cats food or spend all night ensuring people don't sleep sleep all day kitty scratches couch bad kitty. Pose purrfectly to show my beauty shove bum in owner's face like camera lens wake up wander around the house making large amounts of noise jump on top of your human's bed and fall asleep again but lay on arms while you're using the keyboard and decide to want nothing to do with my owner today love to play with owner's hair tie so hiss and stare at nothing then run suddenly away. Give me attention or face the wrath of my claws. Chase after silly colored fish toys around the house poop on grasses and sit on human hide at bottom of staircase to trip human and sit in window and stare oooh, a bird, yum swat at dog sit in window and stare oooh, a bird, yum. </p> </div> </div> <style> .text { padding: 15% 0; } .showlightbox { color: #fff; font-family: sans-serif; text-align: center; margin: 0 auto; cursor: pointer; width: 200px; } #lightbox { background-color: rgba(0, 0, 0, 0.6); width: 100%; top: 0; position: fixed; display: none; left: 0; height: 100%; border-radius: 2px } .container { width: 80%; background-color: #fff; margin: 0 auto; height: 300px; overflow-y: scroll; margin-top: 40px; border-radius: 2px; padding: 20px; } .close { color: #fff; font-family: sans-serif; text-align: center; display: block; padding-top: 30px; cursor: pointer; width: 300px; margin: 0 auto; } </style> <script> function showLightbox (){ document.getElementById('lightbox').style.display = "block"; }; function hideLightbox () { document.getElementById('lightbox').style.display = "none"; } </script>
  3. If you share link to blog page, we can give the code to align text
  4. Hi, Possible. Can you share link to page where you use Gallery? We can help easier
  5. Hi, Can you share link to your site? I can't find price on Five demo: https://five-demo.squarespace.com/?nochrome=true or try adding this to Design > Custom CSS .product-price { font-size: 30px !important; }
  6. You can consider using 2 sections, instead of 1, then we can give the code to make them show side by side on desktop only.
  7. Can you share link to page in screenshot? We can check easier
  8. Hi, That title is heading 3 You can use h3 { font-family: x !important; }
  9. Your widget contains Bootstrap CSS Framework, it caused problem. What should footer look like? We can help easier
  10. What do you mean? Can you explain in more detail?
  11. Hi, SS latest version supports Gallery Block for a long time. You can add a Section > Scroll down to bottom & choose Classic Editor > Add a Blank Section > Add a Block > Then choose Gallery from the list
  12. Hi, You can use Scrolling Block to achieve this.
  13. Sound autoplay is not possible. You can consider adding a Gif Image. If video, you will need to code a custom promotional or use 3rd party plugin
  14. Hi, Try access Design > Site Styles > Disable Ajax Loading
  15. Use some code like this .pdp-layout .pdp-details .pdp-details-title { font-size: 1.8em !important; } .product-price { font-size: 2.2em !important; }
  16. #1. Add to Design > Custom CSS .product-mark.sold-out { text-transform: uppercase; } #2. Move it to after name like this?
  17. Do you use Premium feature or? If Premium, I will try testing some code (I'm not sure I will work or not, I never worked with Acuity yet) https://support.squarespace.com/hc/en-us/articles/115015517328
  18. Add a Code Block > Use this code <div id="multiscroll"> <div class="ms-left"> <div class="ms-section"> <img src="https://images.squarespace-cdn.com/content/v1/630662594ba9aa3a6ab842d4/1664508563055-5JMZVUYDG0AIJLBIM4Y1/L-01.png" width="100%" height="auto"> </div> <div class="ms-section"> <img src="https://images.squarespace-cdn.com/content/v1/630662594ba9aa3a6ab842d4/1664508564710-OATKV52BM9OD406VWX1M/L-+02.png" width="100%" height="auto"> </div> <div class="ms-section"> <img src="https://images.squarespace-cdn.com/content/v1/630662594ba9aa3a6ab842d4/1664508566964-XJFAGKATFSXCVY7WS5TS/L-03.png" width="100%" height="auto"> </div> <div class="ms-section"> <img src="https://images.squarespace-cdn.com/content/v1/630662594ba9aa3a6ab842d4/1664508569047-PDBH7W76QCQIL7WGZZ1E/L-04.png" width="100%" height="auto"> </div> <div class="ms-section"> <img src="https://images.squarespace-cdn.com/content/v1/630662594ba9aa3a6ab842d4/1664508571291-I1SSFFOCPLSFZXR2PROD/L-05.png" width="100%" height="auto"> </div> <div class="ms-section"> <img src="https://images.squarespace-cdn.com/content/v1/630662594ba9aa3a6ab842d4/1665200158410-F2LOFISZQT4XIBBS0NJH/L-06.png" width="100%" height="auto"> </div> </div> <div class="ms-right"> <div class="ms-section"> <img src="https://images.squarespace-cdn.com/content/v1/630662594ba9aa3a6ab842d4/1664508637479-LST4EO692RGEI39QDIEK/R-01.png" width="100%" height="auto"> </div> <div class="ms-section"> <img src="https://images.squarespace-cdn.com/content/v1/630662594ba9aa3a6ab842d4/1664508639978-I9U0ULCJN85PIA437B3X/R-02.png" width="100%" height="auto"> </div> <div class="ms-section"> <img src="https://images.squarespace-cdn.com/content/v1/630662594ba9aa3a6ab842d4/1664508642051-BJGWW3DBZP5EDVZKU8TU/R-03.png" width="100%" height="auto"> </div> <div class="ms-section"> <img src="https://images.squarespace-cdn.com/content/v1/630662594ba9aa3a6ab842d4/1664508644298-CW7YX9PU09HH8WHXUH77/R-04.png" width="100%" height="auto"> </div> <div class="ms-section"> <img src="https://images.squarespace-cdn.com/content/v1/630662594ba9aa3a6ab842d4/1664508647971-IU415NXNZWLPCOLQ59EZ/R-05.png" width="100%" height="auto"> </div> <div class="ms-section"> <img src="https://images.squarespace-cdn.com/content/v1/630662594ba9aa3a6ab842d4/1664508650991-4RBNNCXFOZC1S52CICNG/R-06.png" width="100%" height="auto"> </div> </div> </div> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/multiscroll.js/0.2.3/jquery.multiscroll.css"/> <style> .ms-section{ width: 100%; padding: 0%; text-align: center; color: #ededed; } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script src="https://unpkg.com/multiscroll.js/vendors/jquery.easings.min.js"></script> <script src="https://unpkg.com/multiscroll.js/jquery.multiscroll.js"></script> <script> $(document).ready(function() { $('#multiscroll').multiscroll({ licenseKey: 'A8673A58-4F004189-B94C8567-332622B6', verticalCentered : true, scrollingSpeed: 1222, easing: 'easeInQuart', easingcss3: 'ease-out', menu: false, sectionsColor: [], navigation: false, loopBottom: true, loopTop: true, css3: true, paddingTop: 0, paddingBottom: 0, normalScrollElements: null, scrollOverflow: false, scrollOverflowOptions: null, keyboardScrolling: true, touchSensitivity: 5, //responsive responsiveWidth: 0, responsiveHeight: 0, responsiveExpand: false, // Custom selectors sectionSelector: '.ms-section', leftSelector: '.ms-left', rightSelector: '.ms-right', //events onLeave: function(index, nextIndex, direction){}, afterLoad: function(anchorLink, index){}, afterRender: function(){}, afterResize: function(){}, }); }); </script> This seems to be an effect with a lot of complicated code, you may need to tweak it further to make it work.
  19. Hi, Can you share link to page where you use Masonry + Filter Plugin? We can take a look
  20. If you want to apply to 2 Code Blocks on same page, & paste same code, they will conflict together With second Code Block, use this new code <div class="container"> <h1> typewriter01 | <!-- The words that we want to have typerwriter effect --> <span class="txt-type2" data-wait="3000" data-words='["consultancy", "food", "creative tech", "ranj"]'></span> </h1> </div> <style> /* CSS RESET */ /* ALIGN CONTENT */ .container { display: flex; /* Remove horizontal 'justify-content' center if you want the base text not to move */ justify-content: center; align-items: center; } /* ADD CURSOR */ .txt-type2 > .txt { border-right: 0.08rem solid #fff; padding-right: 2px; /* Animating the cursor */ animation: blink 0.6s infinite; } /* ANIMATION */ @keyframes blink { 0% { border-right: 0.08rem solid rgba(255, 255, 255, 1); } 100% { border-right: 0.08rem solid rgba(255, 255, 255, 0.2); } } </style> <script> class TypeWriter2 { constructor(txtElement, words, wait = 3000) { this.txtElement = txtElement; this.words = words; this.txt = ""; this.wordIndex = 0; this.wait = parseInt(wait, 10); this.type(); this.isDeleting = false; } type() { // Current index of word const current = this.wordIndex % this.words.length; // Get full text of current word const fullTxt = this.words[current]; // Check if deleting if (this.isDeleting) { // Remove characters this.txt = fullTxt.substring(0, this.txt.length - 1); } else { // Add charaters this.txt = fullTxt.substring(0, this.txt.length + 1); } // Insert txt into element this.txtElement.innerHTML = `<span class="txt">${this.txt}</span>`; // Initial Type Speed let typeSpeed = 50; if (this.isDeleting) { // Increase speed by half when deleting typeSpeed /= 2; } // If word is complete if (!this.isDeleting && this.txt === fullTxt) { // Make pause at end typeSpeed = this.wait; // Set delete to true this.isDeleting = true; } else if (this.isDeleting && this.txt === "") { this.isDeleting = false; // Move to next word this.wordIndex++; // Pause before start typing typeSpeed = 500; } setTimeout(() => this.type(), typeSpeed); } } // Init On DOM Load document.addEventListener("DOMContentLoaded", init); // Init App function init() { const txtElement = document.querySelector(".txt-type2"); const words = JSON.parse(txtElement.getAttribute("data-words")); const wait = txtElement.getAttribute("data-wait"); // Init TypeWriter new TypeWriter2(txtElement, words, wait); } </script> (I adjusted some IDs) If it still doesn't work, please send code in both Code Blocks, I will try test it again on my demo site
  21. I think you can add form field then we can try code to move it into Accordion? If you share link to a product, we will check 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.