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

IXStudio

Circle Member
  • Content Count

    488
  • Joined

  • Last visited

  • Days Won

    7

Reputation Activity

  1. Love
    IXStudio reacted to bangank36 in [Custom Plugin Early Access] 360 image viewer block   
    Site URL: https://beyondspace-showcase.squarespace.com/shop-demo/p/sphereviewer/?password=1234&utm_source=squarespace_forum&utm_medium=topic&utm_campaign=promo
    Hello fellows,
    I am about to launch my latest Squarespace Plugin - Sphere Viewer Block.
    It provides an easy-to-use interface to integrate your 360 spritesheets images into Squarespace site, I wrote it so you can create it from Block Editor.
    I will give 5 single-site license for first 5 builders/designers who is interested in adding this feature for their site, I am welcome the feedbacks to make it work well before launch
    You can leave comment below or DM for access
    DEMO: https://beyondspace-showcase.squarespace.com
    Disclaimer: this is custom code plugin, it is not provided by Squarespace, so do not bother Squarespace support when there is issue, reach me instead


     
  2. Like
    IXStudio got a reaction from Hdesign in How To Change Navigation Bar Background 7.1?   
    Hi
    Use this code in Design -> Custom CSS
    @media screen and (min-width:992px){ .header-layout-branding-center-nav-center .header-title-nav-wrapper .header-nav { border-top: 1px solid; border-bottom: 1px solid; width: 100vw; position: absolute; top: 88px; } } Please use the like button if it helps you!
    Best,
    Leopold
  3. Like
    IXStudio got a reaction from tuanphan in Typing Animation   
    Hi dear @jzbz, 
    Please check this free extension!
    Download it from here.

    Please let me know if you have any question about using it!

    Thanks!
    Best,
    Leopold
  4. Love
    IXStudio got a reaction from Clarilou in How do I change "Category Title" Font Size?   
    Hi
    Use this code in Design -> Custom CSS
    @media screen and (min-width:678px){ h3.nested-category-title.nested-category-title-padding { font-size: 40px !important; } } @media screen and (max-width:677px){ h3.nested-category-title.nested-category-title-padding { font-size: 20px !important; } } Please use the like button if it helps you!
    Best,
    Leopold
  5. Like
    IXStudio got a reaction from jzbz in Typing Animation   
    Hi dear @jzbz, 
    Please check this free extension!
    Download it from here.

    Please let me know if you have any question about using it!

    Thanks!
    Best,
    Leopold
  6. Like
    IXStudio got a reaction from bangank36 in Making an image slider responsive (or hiding it on mobile if not possible)   
    Hi Dear @bangank36
    You can use Ninja Kit in basic/personal plan!
    Need to add them as Markdown.

    Thank you!
     
  7. Like
    IXStudio got a reaction from Begona in Squarespace Scheduling Logo Removal   
    Hi,
    @virginie @PH0T0GUY
    Use this code in Design -> Custom CSS
    .sqs-block-content .acuity-block-wrapper:after {     content: '';     position: absolute;     width: 100%;     background: white;     height: 150px;     z-index: 99999999;     bottom: 30px;     left: 0; } Please use the like button if it helps you!
    Best,
    Leopold
  8. Like
    IXStudio got a reaction from MarLo56 in How do I get radio buttons to not be spaced so far from the text   
    Hi,
    Use this code in Design -> Custom CSS
    .sqs-modal-lightbox-content .lightbox-inner .lightbox-content .form-wrapper .form-inner-wrapper form .radio .option label { display: flex !important; justify-content: center !important; align-items: center !important; } Please use the like button if it helps you!
    Best,
    Leopold
  9. Like
    IXStudio got a reaction from SouthernSunEvents in How to disable parallax scrolling on one page   
    Hi @Ellavator
    Use this code in Design -> Custom CSS
    figure.Index-page-image.loaded { transform: none !important; } .Parallax-item { transform: none !important; position: absolute !important; } Please use the like button if it helps you!
    Best,
    Leopold
  10. Like
    IXStudio got a reaction from SouthernSunEvents in How to disable parallax scrolling on one page   
    This code works for all of your index pages. If you got a problem on that let me know to check it please.
    Please use the like button if it helps you!
    Best,
    Leopold
  11. Like
    IXStudio reacted to jessmartinez in Help with a typing text animation   
    thanks @bangank36, this would've been perfect but it doesnt seem to work for me even after following the video tutorial, and clicking "preview in safe mode". I also tried to view the page on both safari and chrome. Is there a step im missing? 
     
    EDIT: I found that you need to insert some code for the plugin to work, sharing in case anyone needs help too:  https://www.ixstudio.net/ninjakit/installation-guide
    Many thanks again!
  12. Love
    IXStudio reacted to bangank36 in Help with a typing text animation   
    Check out this free typewriter plugin
    Typewriter — SQSP Ninja Kit (ixstudio.net)
  13. Like
    IXStudio got a reaction from aeras_tech in gradient in header 7.1   
    Hi
    Use this code in Design -> Custom CSS
    .header-announcement-bar-wrapper { background-color: #b24727; background-image: linear-gradient(#b24727,#a67229,#042943); } Please use the like button if it helps you!
    Best,
    Leopold
  14. Like
    IXStudio reacted to tuanphan in How to embed an animated typewriter effect from CodePen without changing my SquareSpace template CSS   
    Add a Code Block > Paste this Codepen code
    <h1> <a href="" class="typewrite" data-period="2000" data-type='[ "Hi, Im Si.", "I am Creative.", "I Love Design.", "I Love to Develop." ]'> <span class="wrap"></span> </a> </h1> <style> .ttype * { color:#fff; text-decoration: none;} </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> var TxtType = function(el, toRotate, period) { this.toRotate = toRotate; this.el = el; this.loopNum = 0; this.period = parseInt(period, 10) || 2000; this.txt = ''; this.tick(); this.isDeleting = false; }; TxtType.prototype.tick = function() { var i = this.loopNum % this.toRotate.length; var fullTxt = this.toRotate[i]; if (this.isDeleting) { this.txt = fullTxt.substring(0, this.txt.length - 1); } else { this.txt = fullTxt.substring(0, this.txt.length + 1); } this.el.innerHTML = '<span class="wrap">'+this.txt+'</span>'; var that = this; var delta = 200 - Math.random() * 100; if (this.isDeleting) { delta /= 2; } if (!this.isDeleting && this.txt === fullTxt) { delta = this.period; this.isDeleting = true; } else if (this.isDeleting && this.txt === '') { this.isDeleting = false; this.loopNum++; delta = 500; } setTimeout(function() { that.tick(); }, delta); }; window.onload = function() { var elements = document.getElementsByClassName('typewrite'); for (var i=0; i<elements.length; i++) { var toRotate = elements[i].getAttribute('data-type'); var period = elements[i].getAttribute('data-period'); if (toRotate) { new TxtType(elements[i], JSON.parse(toRotate), period); } } // INJECT CSS var css = document.createElement("style"); css.type = "text/css"; css.innerHTML = ".typewrite > .wrap { border-right: 0.08em solid #fff}"; document.body.appendChild(css); }; </script>  
  15. Love
    IXStudio reacted to bangank36 in How to embed an animated typewriter effect from CodePen without changing my SquareSpace template CSS   
    Use this extension, is has an extra type writing block with detail steps that help
    Squarespace Ninja Kit Extension - Chrome Web Store (google.com)
    You can also remove the extension after created the block to save the computer resource
     
  16. Like
    IXStudio got a reaction from LotNotes in Shopping cart / continue shopping   
    Hi
    Use this code in Design -> Custom CSS
    .empty-message a { color: #fff; background-color: #a8a6a1; border-color: #a8a6a1; text-decoration: none; padding: 20px 30px; } Please use the like button if it helps you!
     
    Best,
    Leopold
  17. Like
    IXStudio reacted to creedon in "Reveal" Page Transitions   
    The code itself was designed for a SS site and can't be used directly on Wix as bangank36 mentions. However the effect can be applied to many sites with the proper coding.
  18. Love
    IXStudio got a reaction from ShalenaWhite in Opening an external link in a new window in markdown   
    Hi @spotonlynne
    We made a cool FREE extension for FAQ. It works like SQSP other elements. You don't need code knowledge! And you don't need HTML Code block or Markdown or ....
    Just see this video and install from here.
     
     

     
    If you need more customization feel free to contact me via DM or Skype: LeopoldJobs.
    Best,
    Leopold
  19. Like
    IXStudio reacted to Kate in How do I create hide/show text on a page, like you see with FAQs?   
    We have a really easy plugin for content accordions here: https://www.squareaddons.com/shop-2/p/content-accordion

    Works beautifully with thumb tap on mobile as well
  20. Like
    IXStudio got a reaction from kc2615 in How to remove underline from links in footer?   
    Hi,
    Welcome to SQSP world!
    Use this code in Design -> Custom CSS
    .Footer-blocks .sqs-block-content a { text-decoration: none; border: 0 !important; } Please use the like button if it helps you!
    Best,
    Leopold
  21. Love
    IXStudio got a reaction from ShalenaWhite in Shopping cart / continue shopping   
    Hi
    Use this code in Design -> Custom CSS
    .empty-message a { color: #fff; background-color: #a8a6a1; border-color: #a8a6a1; text-decoration: none; padding: 20px 30px; } Please use the like button if it helps you!
     
    Best,
    Leopold
  22. Like
    IXStudio got a reaction from fhoreilly in Move hamburger icon? 7.1   
    You're welcome!
    Use this code in Design -> Custom CSS
    button.header-burger-btn.burger { padding: 0; } .header .header-actions-action--cart .icon { height: 22px; width: 22px; } Please use the like button if it helps you!
    Best,
    Leopold
  23. Like
    IXStudio got a reaction from Supremo in How To Install + Dropdown Accordion in a Product Description   
    Hi @Khushk
    Use our free extension! It doesn't need code knowledge. Install and make your accordion in minutes. You can change fonts, colors, paddings, margins and etc... without coding!
    Check this video after 3 m.
     
    Download it from here: https://chrome.google.com/webstore/detail/squarespace-ninja-kit-ext/klkcninekpnpemndealaeebjajmkabcf
    Installation guide: https://www.ixstudio.net/ninjakit/installation-guide
    Please use the like button if it helps you!
    Best,
    Leopold


  24. Love
    IXStudio got a reaction from brightbarboston in Live Chat recommendations   
    Glad you loved it.
    Thank you!

    Best,
    Leopold
  25. Like
    IXStudio got a reaction from tuanphan in Typewriter & delete effect? TypeIt or something similar   
    Hi
    Please use this plugin to solve your problem!
    Please use the like button if it helps you!
    Best,
    Leopold
×
×
  • Create New...