-
Posts
544 -
Joined
-
Last visited
-
Days Won
7
Reputation Activity
-
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
-
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
-
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
-
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
-
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
-
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; }
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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>
-
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
-
IXStudio reacted to MariaFY in "Reveal" Page Transitions
Thanks @IXStudio, that did the job. Appreciate your time!
-
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
-
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>