Jump to content

IXStudio

Circle Member
  • Posts

    544
  • Joined

  • Last visited

  • Days Won

    7

Reputation Activity

  1. Like
    IXStudio reacted to tuanphan in Carousel Scrolling Announcement Bar   
    First, enable Announcement Bar
    next, edit Footer > Add Code Block > paste this code
    <!-- Scrolling bar - Codepen --> <div id="text-carousel" class="carousel slide" data-ride="carousel"> <!-- Wrapper for slides --> <div class="row"> <div class="col-xs-offset-3 col-xs-6"> <div class="carousel-inner"> <div class="item active"> <div class="carousel-content"> <div> <p>Sapiente, ducimus, voluptas, mollitia voluptatibus nemo explicabo sit blanditiis laborum dolore illum fuga veniam quae expedita libero accusamus quas harum ex numquam necessitatibus provident deleniti tenetur iusto officiis recusandae corporis culpa quaerat?</p> </div> </div> </div> <div class="item"> <div class="carousel-content"> <div> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, sint fuga temporibus nam saepe delectus expedita vitae magnam necessitatibus dolores tempore consequatur dicta cumque repellendus eligendi ducimus placeat! </p> </div> </div> </div> <div class="item"> <div class="carousel-content"> <div> <p>Sapiente, ducimus, voluptas, mollitia voluptatibus nemo explicabo sit blanditiis laborum dolore illum fuga veniam quae expedita libero accusamus quas harum ex numquam necessitatibus provident deleniti tenetur iusto officiis recusandae corporis culpa quaerat?</p> </div> </div> </div> </div> </div> </div> <!-- Controls --> <a class="left carousel-control" href="#text-carousel" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="right carousel-control" href="#text-carousel" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a> </div> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"/> <style> .carousel-content { color:black; display:flex; align-items:center; } #text-carousel { width: 100%; height: auto; padding: 50px; } </style> Then share site url. We will give the code to move scrolling bar into Announcement bar
  2. Like
    IXStudio got a reaction from tuanphan in How to Add Javascript to Block Button in Squarespace 7.1   
    Hi @brandi_sqspace
    At the first please add this code in your header injection and let me know.
    <link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet"> <script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript"></script> Please use the like button if it helps you!
    Best,
    Leopold
  3. Like
    IXStudio got a reaction from KarlKarlson in How to Add Javascript to Block Button in Squarespace 7.1   
    Hi,
    Insert this code in your Footer Code Injection.
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { $('#block-yui_3_17_2_1_1599412523559_8193 .image-card-wrapper .image-button-wrapper .image-button-inner').html('<a href="" data-leadbox-popup="2M4HPLXiWwLAuThfhXRuWm" data-leadbox-domain="brandistanley636.lpages.co">Click here to subscribe</a>'); }); </script> Please use the like button if it helps you!
    Best,
    Leopold

  4. Like
    IXStudio got a reaction from tuanphan in How to Add Javascript to Block Button in Squarespace 7.1   
    Hi,
    Insert this code in your Footer Code Injection.
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { $('#block-yui_3_17_2_1_1599412523559_8193 .image-card-wrapper .image-button-wrapper .image-button-inner').html('<a href="" data-leadbox-popup="2M4HPLXiWwLAuThfhXRuWm" data-leadbox-domain="brandistanley636.lpages.co">Click here to subscribe</a>'); }); </script> Please use the like button if it helps you!
    Best,
    Leopold

  5. Like
    IXStudio reacted to tuanphan in Customize order confirmation page   
    Can you place an order & share order confirmation page? We can check easier.
    I also wrote this guide, maybe useful: Customize Order Confirmation Page
  6. Like
    IXStudio reacted to tuanphan in Transparent Header on Front Page only (7.1)   
    Add to Home > design > Custom CSS
    body#collection-5ef1d384a1668a76c2629b73 header#header { background: green; }  
  7. Like
    IXStudio got a reaction from Horizonte in How to create a multi language site   
    Hi,
    Use this article to make multi-language website. It has written by @tuanphan
    https://beaverhero.com/squarespace-2-languages/
    Please use the like button if it helps you!
    Best,
    Leopold
  8. Like
    IXStudio got a reaction from naeviklund in How to create a multi language site   
    Hi,
    Use this article to make multi-language website. It has written by @tuanphan
    https://beaverhero.com/squarespace-2-languages/
    Please use the like button if it helps you!
    Best,
    Leopold
  9. Thanks
    IXStudio reacted to tuanphan in How to create a multi language site   
    Thanks @IXStudio
    If you use Business Plan, you can use this guide. https://www.bradgood.net/articles/multi-language-content-on-any-squarespace-template
  10. Like
    IXStudio got a reaction from CCamarinha in How to create a multi language site   
    Hi,
    Use this article to make multi-language website. It has written by @tuanphan
    https://beaverhero.com/squarespace-2-languages/
    Please use the like button if it helps you!
    Best,
    Leopold
  11. Like
    IXStudio got a reaction from anna6 in Show Secondary Nav in Mobile Menu?   
    Hi
    Use this code in Design -> Custom CSS
    @media screen and (max-width:767px){ .header-menu-nav-folder { transform: none; min-height: 130px !important; height: 100vw; } .header-menu-controls.container.header-menu-nav-item:first-child { display: none; } .header-menu-nav-folder-content { height: 100vw; margin-top: -100px; } .header-menu-nav-item-content { margin-top: 100vw; } .header--menu-open .header-menu .header-menu-cta { position: absolute; bottom: 10px; width: 100%; } nav.header-menu-nav-list { height: 100vw; } .header-menu-nav-folder[data-folder="root"] { height: 100vh; } .header-menu-nav-item:last-child {margin-top: 10px;line-height: 60px !important;} .header-menu .header-menu-nav a[data-folder-id="/free-resources"] { display: none; } .header--menu-open .header-menu .header-menu-nav-list { height: 100vw; } .container.header-menu-nav-item.header-menu-nav-item--collection:last-child { margin-top: 300px; } .header--menu-open.tweak-transparent-header .header-menu .header-menu-nav a { line-height: 60px; } } Please use the like button if it helps you!
    Best,
    Leopold
  12. Thanks
    IXStudio got a reaction from MakingWaves in Custom Font in Newsletter Block Name fields   
    Hi
    Use this code in Design -> Custom CSS
    .newsletter-block .newsletter-form-button { max-height: 50px !important; } Please use the like button if it helps you!
    Best,
    Leopold
  13. Like
    IXStudio reacted to tuanphan in Logo URL Redirect 7.1   
    Add to Home > Settings > Advanced > Code Injection > Footer
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(document).ready(function() { $("#site-title").attr("href", "https://beaverhero.com"); }); </script> If the code doesn't work, can you share access password? Your site has protected password
  14. Like
    IXStudio got a reaction from brandi_sqspace in Show Secondary Nav in Mobile Menu?   
    Hi
    Use this code in Design -> Custom CSS
    @media screen and (max-width:767px){ .header-menu-nav-folder { transform: none; min-height: 130px !important; height: 100vw; } .header-menu-controls.container.header-menu-nav-item:first-child { display: none; } .header-menu-nav-folder-content { height: 100vw; margin-top: -100px; } .header-menu-nav-item-content { margin-top: 100vw; } .header--menu-open .header-menu .header-menu-cta { position: absolute; bottom: 10px; width: 100%; } nav.header-menu-nav-list { height: 100vw; } .header-menu-nav-folder[data-folder="root"] { height: 100vh; } .header-menu-nav-item:last-child {margin-top: 10px;line-height: 60px !important;} .header-menu .header-menu-nav a[data-folder-id="/free-resources"] { display: none; } .header--menu-open .header-menu .header-menu-nav-list { height: 100vw; } .container.header-menu-nav-item.header-menu-nav-item--collection:last-child { margin-top: 300px; } .header--menu-open.tweak-transparent-header .header-menu .header-menu-nav a { line-height: 60px; } } Please use the like button if it helps you!
    Best,
    Leopold
  15. Like
    IXStudio got a reaction from Stuttgart in Custom cursor on Squarespace 7.1   
    Please check your website. I think it's finished in just 1 min! 🙂
    If it's Ok remove admin permission.
    Please use the like button if it helps you!
    Best,
    Leopold
  16. Like
    IXStudio got a reaction from Stuttgart in Custom cursor on Squarespace 7.1   
    You're welcome. Not matter which template you are using. Just need to be sure you are on the business plan.
    Please let me know if you want to do on admin checking.
    Please use the like button if it helps you!
    Best,
    Leopold
  17. Thanks
    IXStudio reacted to Stuttgart in Custom cursor on Squarespace 7.1   
    Thank you so much for helping out!
    It's just a regular Squarespace site with the Carmine theme https://www.squarespace.com/templates/carmine-demo. So it should work on deafault, right?
    Best regards
     
  18. Thanks
    IXStudio got a reaction from Stuttgart in Custom cursor on Squarespace 7.1   
    Hi,
    1. Just use this Codepen in a code block to change to cursor.
    2. Try to make three cols with native Squarespace instead of coding.
    Please use the like button if it helps you!
    Best,
    Leopold
  19. Thanks
    IXStudio got a reaction from Stuttgart in Custom cursor on Squarespace 7.1   
    You're welcome.
    1. Insert the CSS code in Design -> Custom CSS and JS Code in Settings -> Advanced -> Footer Code Injection
    2. Create HTML code block from your page editor box. and Insert HTML code there. 
    Please use the like button if it helps you!
    Best,
    Leopold
     
  20. Love
    IXStudio got a reaction from Stuttgart in Custom cursor on Squarespace 7.1   
    Please duplicate your website and make me admin collaborator to check on your website if you want.
    ixstudio[dot]net[at]gmail[dot]com

    Please use the like button if it helps you!
    Best,
    Leopold
  21. Like
    IXStudio reacted to tuanphan in 7.1 - Fixed header on only one page.   
    Wrap code in style tag, add this to Page Header
    <style> #header { position: fixed !important; z-index: 1000; background: #df4430; } </style>  
  22. Like
    IXStudio got a reaction from Avni in "Reveal" Page Transitions   
    Hi
    Use this code in Design -> Custom CSS
    .Loader { position: fixed; top: 0; left: -100%; width: 100%; height: 1440px; z-index: 9999; background-color: transparent; -webkit-transition: background-color .3s ease-out,transform 0s .3s linear; -moz-transition: background-color .3s ease-out,transform 0s .3s linear; -ms-transition: background-color .3s ease-out,transform 0s .3s linear; -o-transition: background-color .3s ease-out,transform 0s .3s linear; transition: background-color .3s ease-out,transform 0s .3s linear; display: none }[data-mercury-loading] .Loader { background-color: rgba(255,255,255,.22); -webkit-transition: transform .3s cubic-bezier(0,0,0,.618); -moz-transition: transform .3s cubic-bezier(0,0,0,.618); -ms-transition: transform .3s cubic-bezier(0,0,0,.618); -o-transition: transform .3s cubic-bezier(0,0,0,.618); transition: transform .3s cubic-bezier(0,0,0,.618); -webkit-transform: translatex(60%); -moz-transform: translatex(60%); -ms-transform: translatex(60%); -o-transform: translatex(60%); transform: translatex(60%) }[data-mercury-loading='done'] .Loader { -webkit-transform: translatex(100%); -moz-transform: translatex(100%); -ms-transform: translatex(100%); -o-transform: translatex(100%); transform: translatex(100%) } .tweak-site-ajax-loading-enable.tweak-site-ajax-loading-bar-show .Loader { display: block } Please use the like button if it helps you!
     
    Best,
    Leopold
  23. Thanks
    IXStudio reacted to MariaFY in "Reveal" Page Transitions   
    Thanks @IXStudio, that did the job. Appreciate your time! 
  24. Like
    IXStudio got a reaction from tuanphan in "Reveal" Page Transitions   
    Hi
    Use this code in Design -> Custom CSS
    .Loader { position: fixed; top: 0; left: -100%; width: 100%; height: 1440px; z-index: 9999; background-color: transparent; -webkit-transition: background-color .3s ease-out,transform 0s .3s linear; -moz-transition: background-color .3s ease-out,transform 0s .3s linear; -ms-transition: background-color .3s ease-out,transform 0s .3s linear; -o-transition: background-color .3s ease-out,transform 0s .3s linear; transition: background-color .3s ease-out,transform 0s .3s linear; display: none }[data-mercury-loading] .Loader { background-color: rgba(255,255,255,.22); -webkit-transition: transform .3s cubic-bezier(0,0,0,.618); -moz-transition: transform .3s cubic-bezier(0,0,0,.618); -ms-transition: transform .3s cubic-bezier(0,0,0,.618); -o-transition: transform .3s cubic-bezier(0,0,0,.618); transition: transform .3s cubic-bezier(0,0,0,.618); -webkit-transform: translatex(60%); -moz-transform: translatex(60%); -ms-transform: translatex(60%); -o-transform: translatex(60%); transform: translatex(60%) }[data-mercury-loading='done'] .Loader { -webkit-transform: translatex(100%); -moz-transform: translatex(100%); -ms-transform: translatex(100%); -o-transform: translatex(100%); transform: translatex(100%) } .tweak-site-ajax-loading-enable.tweak-site-ajax-loading-bar-show .Loader { display: block } Please use the like button if it helps you!
     
    Best,
    Leopold
  25. Like
    IXStudio reacted to tuanphan in How to edit / customise search box placeholder text   
    Try again with
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { $(".sqs-search-ui-text-input .search-input").attr('placeholder','new text'); }); </script>  
×
×
  • 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.