humxahafeex

Hi It's super easy to get it done, Do let me know if you have a good understanding of css if so I can try to explain , also do share website link where you want to achieve it.

Hi It's super easy to get it done, Do let me know if you have a good understanding of css if so I can try to explain , also do share website link where you want to achieve it.

Hi , Please try adding this Custom Css:
#[data-section-id="658f7d683b38c97cdaa50d03"]{ height:80vh !important; } Do let us know if it works , if it does, please mark it as solved 🙂 

Hi @arek It's way too easy what you have to do is to put the following code to Settings > Advance > Code Injection>Header ,What this code will do it will pop up every time user visit the website.
<script> window.localStorage.setItem('test', '0'); window.localStorage.setItem('squarespace-popup-overlay', '0'); </script>  
Tested and it worked perfectly fine , Hope it works perfectly fine for you 🙂 
NOTE: TEST IT ON INCOGNITO OR  ON PRIVATE WINDOW. 
If it works for you don't forget to mark it as solved by clicking arrow on top left of this answer 🙂 

Hi Here's is the Code on how you can achieve this , Just copy and paste the code in Code Injection you , Simply go to Settings> Advanced> Code Injection
In HEADER part add the following code: 
<script src = "https://code.jquery.com/jquery-2.2.4.min.js" ></script> In FOOTER part add the following code:
<script> function translate(){ $(".yui3-calendar-header-label").text(function(){ var month = $(this).text(); month = month.toString(); for (var i=0;i<12;i++) { if (month.includes(arr_month_english[i])){ return $(this).text().replace(arr_month_english[i], arr_month_trans[i]);} } }); } const arr_month_trans = ["Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Aout", "Septembre", "Octobre", "Novembre", "Décembre"]; const arr_month_english = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]; $(document).ready(function() { setTimeout(translate, 2000); $(document).on('click','.yui3-calendarnav-prevmonth',function(){translate();}); $(document).on('click','.yui3-calendarnav-nextmonth',function(){translate();}); }); </script> It's DONE, Enjoy , Do Mark it solved if it works for you 🙂
 
Hey, If my solution helped you don't hesitate to Buy me a coffee : https://www.buymeacoffee.com/hamxahafeex

Hi @arek It's way too easy what you have to do is to put the following code to Settings > Advance > Code Injection>Header ,What this code will do it will pop up every time user visit the website.
<script> window.localStorage.setItem('test', '0'); window.localStorage.setItem('squarespace-popup-overlay', '0'); </script>  
Tested and it worked perfectly fine , Hope it works perfectly fine for you 🙂 
NOTE: TEST IT ON INCOGNITO OR  ON PRIVATE WINDOW. 
If it works for you don't forget to mark it as solved by clicking arrow on top left of this answer 🙂 

Hi @arek It's way too easy what you have to do is to put the following code to Settings > Advance > Code Injection>Header ,What this code will do it will pop up every time user visit the website.
<script> window.localStorage.setItem('test', '0'); window.localStorage.setItem('squarespace-popup-overlay', '0'); </script>  
Tested and it worked perfectly fine , Hope it works perfectly fine for you 🙂 
NOTE: TEST IT ON INCOGNITO OR  ON PRIVATE WINDOW. 
If it works for you don't forget to mark it as solved by clicking arrow on top left of this answer 🙂 

Hi Yes it is 100% Possible to put it on site you Just have to follow the code which link you gave or Simply you can do is simply paste the following code in Code injection:
 
Go to Settings > Advance > Code Injection and paste this code , save & Refresh the page , Voila It's Done. 
<script> var colour="random"; // "random" can be replaced with any valid colour ie: "red"... var sparkles=100;// increase of decrease for number of sparkles falling var x=ox=400; var y=oy=300; var swide=800; var shigh=600; var sleft=sdown=0; var tiny=new Array(); var star=new Array(); var starv=new Array(); var starx=new Array(); var stary=new Array(); var tinyx=new Array(); var tinyy=new Array(); var tinyv=new Array(); colours=new Array('#ff0000','#00ff00','#ffffff','#ff00ff','#ffa500','#ffff00','#00ff00','#ffffff','ff00ff') n = 10; y = 0; x = 0; n6=(document.getElementById&&!document.all); ns=(document.layers); ie=(document.all); d=(ns||ie)?'document.':'document.getElementById("'; a=(ns||n6)?'':'all.'; n6r=(n6)?'")':''; s=(ns)?'':'.style'; if (ns){ for (i = 0; i < n; i++) document.write('<layer name="dots'+i+'" top=0 left=0 width='+i/2+' height='+i/2+' bgcolor=#ff0000></layer>'); } if (ie) document.write('<div id="con" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); if (ie||n6){ for (i = 0; i < n; i++) document.write('<div id="dots'+i+'" style="position:absolute;top:0px;left:0px;width:'+i/2+'px;height:'+i/2+'px;background:#ff0000;font-size:'+i/2+'"></div>'); } if (ie) document.write('</div></div>'); (ns||n6)?window.captureEvents(Event.MOUSEMOVE):0; function Mouse(evnt){ y = (ns||n6)?evnt.pageY+4 - window.pageYOffset:event.y+4; x = (ns||n6)?evnt.pageX+1:event.x+1; } (ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse; function animate(){ o=(ns||n6)?window.pageYOffset:0; if (ie)con.style.top=document.body.scrollTop + 'px'; for (i = 0; i < n; i++){ var temp1 = eval(d+a+"dots"+i+n6r+s); randcolours = colours[Math.floor(Math.random()*colours.length)]; (ns)?temp1.bgColor = randcolours:temp1.background = randcolours; if (i < n-1){ var temp2 = eval(d+a+"dots"+(i+1)+n6r+s); temp1.top = parseInt(temp2.top) + 'px'; temp1.left = parseInt(temp2.left) + 'px'; } else{ temp1.top = y+o + 'px'; temp1.left = x + 'px'; } } setTimeout("animate()",10); } animate(); window.onload=function() { if (document.getElementById) { var i, rats, rlef, rdow; for (var i=0; i<sparkles; i++) { var rats=createDiv(3, 3); rats.style.visibility="hidden"; rats.style.zIndex="999"; document.body.appendChild(tiny[i]=rats); starv[i]=0; tinyv[i]=0; var rats=createDiv(5, 5); rats.style.backgroundColor="transparent"; rats.style.visibility="hidden"; rats.style.zIndex="999"; var rlef=createDiv(1, 5); var rdow=createDiv(5, 1); rats.appendChild(rlef); rats.appendChild(rdow); rlef.style.top="2px"; rlef.style.left="0px"; rdow.style.top="0px"; rdow.style.left="2px"; document.body.appendChild(star[i]=rats); } set_width(); sparkle(); }} function sparkle() { var c; if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) { ox=x; oy=y; for (c=0; c<sparkles; c++) if (!starv[c]) { star[c].style.left=(starx[c]=x)+"px"; star[c].style.top=(stary[c]=y+1)+"px"; star[c].style.clip="rect(0px, 5px, 5px, 0px)"; star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour; star[c].style.visibility="visible"; starv[c]=50; break; } } for (c=0; c<sparkles; c++) { if (starv[c]) update_star(c); if (tinyv[c]) update_tiny(c); } setTimeout("sparkle()", 40); } function update_star(i) { if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; if (starv[i]) { stary[i]+=1+Math.random()*3; starx[i]+=(i%5-2)/5; if (stary[i]<shigh+sdown) { star[i].style.top=stary[i]+"px"; star[i].style.left=starx[i]+"px"; } else { star[i].style.visibility="hidden"; starv[i]=0; return; } } else { tinyv[i]=50; tiny[i].style.top=(tinyy[i]=stary[i])+"px"; tiny[i].style.left=(tinyx[i]=starx[i])+"px"; tiny[i].style.width="2px"; tiny[i].style.height="2px"; tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor; star[i].style.visibility="hidden"; tiny[i].style.visibility="visible" } } function update_tiny(i) { if (--tinyv[i]==25) { tiny[i].style.width="1px"; tiny[i].style.height="1px"; } if (tinyv[i]) { tinyy[i]+=1+Math.random()*3; tinyx[i]+=(i%5-2)/5; if (tinyy[i]<shigh+sdown) { tiny[i].style.top=tinyy[i]+"px"; tiny[i].style.left=tinyx[i]+"px"; } else { tiny[i].style.visibility="hidden"; tinyv[i]=0; return; } } else tiny[i].style.visibility="hidden"; } document.onmousemove=mouse; function mouse(e) { if (e) { y=e.pageY; x=e.pageX; } else { set_scroll(); y=event.y+sdown; x=event.x+sleft; } } window.onscroll=set_scroll; function set_scroll() { if (typeof(self.pageYOffset)=='number') { sdown=self.pageYOffset; sleft=self.pageXOffset; } else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) { sdown=document.body.scrollTop; sleft=document.body.scrollLeft; } else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { sleft=document.documentElement.scrollLeft; sdown=document.documentElement.scrollTop; } else { sdown=0; sleft=0; } } window.onresize=set_width; function set_width() { var sw_min=999999; var sh_min=999999; if (document.documentElement && document.documentElement.clientWidth) { if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth; if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight; } if (typeof(self.innerWidth)=='number' && self.innerWidth) { if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth; if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight; } if (document.body.clientWidth) { if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth; if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight; } if (sw_min==999999 || sh_min==999999) { sw_min=800; sh_min=600; } swide=sw_min; shigh=sh_min; } function createDiv(height, width) { var div=document.createElement("div"); div.style.position="absolute"; div.style.height=height+"px"; div.style.width=width+"px"; div.style.overflow="hidden"; return (div); } function newColour() { var c=new Array(); c[0]=255; c[1]=Math.floor(Math.random()*256); c[2]=Math.floor(Math.random()*(256-c[1]/2)); c.sort(function(){return (0.5 - Math.random());}); return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")"); } // ]]> </script>  
 
Hope it Helps 🙂

Hi Here's is the Code on how you can achieve this , Just copy and paste the code in Code Injection you , Simply go to Settings> Advanced> Code Injection
In HEADER part add the following code: 
<script src = "https://code.jquery.com/jquery-2.2.4.min.js" ></script> In FOOTER part add the following code:
<script> function translate(){ $(".yui3-calendar-header-label").text(function(){ var month = $(this).text(); month = month.toString(); for (var i=0;i<12;i++) { if (month.includes(arr_month_english[i])){ return $(this).text().replace(arr_month_english[i], arr_month_trans[i]);} } }); } const arr_month_trans = ["Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Aout", "Septembre", "Octobre", "Novembre", "Décembre"]; const arr_month_english = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]; $(document).ready(function() { setTimeout(translate, 2000); $(document).on('click','.yui3-calendarnav-prevmonth',function(){translate();}); $(document).on('click','.yui3-calendarnav-nextmonth',function(){translate();}); }); </script> It's DONE, Enjoy , Do Mark it solved if it works for you 🙂
 
Hey, If my solution helped you don't hesitate to Buy me a coffee : https://www.buymeacoffee.com/hamxahafeex

Hi Yes you can fix it by adding the following code to DESIGN>CUSTOM CSS
.t-button { z-index: 9 !Important; } Please do mark it solved if it works.

Hi Yes you can fix it by adding the following code to DESIGN>CUSTOM CSS
.t-button { z-index: 9 !Important; } Please do mark it solved if it works.

Hi @arek It's way too easy what you have to do is to put the following code to Settings > Advance > Code Injection>Header ,What this code will do it will pop up every time user visit the website.
<script> window.localStorage.setItem('test', '0'); window.localStorage.setItem('squarespace-popup-overlay', '0'); </script>  
Tested and it worked perfectly fine , Hope it works perfectly fine for you 🙂 
NOTE: TEST IT ON INCOGNITO OR  ON PRIVATE WINDOW. 
If it works for you don't forget to mark it as solved by clicking arrow on top left of this answer 🙂 

Hi @arek It's way too easy what you have to do is to put the following code to Settings > Advance > Code Injection>Header ,What this code will do it will pop up every time user visit the website.
<script> window.localStorage.setItem('test', '0'); window.localStorage.setItem('squarespace-popup-overlay', '0'); </script>  
Tested and it worked perfectly fine , Hope it works perfectly fine for you 🙂 
NOTE: TEST IT ON INCOGNITO OR  ON PRIVATE WINDOW. 
If it works for you don't forget to mark it as solved by clicking arrow on top left of this answer 🙂 

Hi @Lystnr  Oh sorry I missed that point , It's quite easy to do this on personal plan too not a big deal , Let me tell you how 🙂 
I see @tuanphan shared a nice solution but it's quite long and need tons of css. Let me suggest some clean solution to this. 
Let's Use squarespace own social link block (It will do css by it self) here Just use the following code as below  in Code Block:
<div class="sqs-svg-icon--outer social-icon-alignment-center social-icons-color-black social-icons-size-small social-icons-style-regular "> <nav class="sqs-svg-icon--list"> <a href="#YOUR FACEBOOK LINK" target="_blank" class="sqs-svg-icon--wrapper facebook-unauth"> <div> <svg class="sqs-svg-icon--social" viewBox="0 0 64 64"> <use class="sqs-use--icon" xlink:href="#facebook-unauth-icon"></use> <use class="sqs-use--mask" xlink:href="#facebook-unauth-mask"></use> </svg> </div> </a> <a href="#YOUR INSTA LINK" target="_blank" class="sqs-svg-icon--wrapper instagram-unauth"> <div> <svg class="sqs-svg-icon--social" viewBox="0 0 64 64"> <use class="sqs-use--icon" xlink:href="#instagram-unauth-icon"></use> <use class="sqs-use--mask" xlink:href="#instagram-unauth-mask"></use> </svg> </div> </a> </nav> </div>  
I hope it works as required 🙂
 

Oh I though you was talking about the auto filling of Cart form , Unfortunatley  This can't be done in any way possible as Squaresapce manages this functionality , But as work around you can add a anoucment  banner on top  in which you can direct customer to avoid using the auto adderss seletcor etc 🙂

Hi Unfotunatley No ,But Good News I am working on it to devlop some tool by which you can change the style of Invoice and make it as per your brand colors and stuff. Hope fully I will release it in summers 🙂

Hi , You can create it on your own without plugin but it requires little knowledge of css , please visit the following link for more info.
https://www.w3schools.com/w3css/w3css_tabulators.asp
 
Hope it helps 🙂 

Hi, It's 100% possible to add without SERVER SIDE CODING ,it might take a bit time to get it done but it's 100% possible.

Hi Unfotunatley No ,But Good News I am working on it to devlop some tool by which you can change the style of Invoice and make it as per your brand colors and stuff. Hope fully I will release it in summers 🙂

Hi , You can create it on your own without plugin but it requires little knowledge of css , please visit the following link for more info.
https://www.w3schools.com/w3css/w3css_tabulators.asp
 
Hope it helps 🙂 

Hi , Been Busy for a while , Sure here you Go Hope it helps 🙂 
<div class="sqs-svg-icon--outer social-icon-alignment-center social-icons-color-white social-icons-size-small social-icons-style-regular "> <nav class="sqs-svg-icon--list"> <a href="YOUR FACEBOOK LINK" target="_blank" class="sqs-svg-icon--wrapper facebook-unauth"> <div> <svg class="sqs-svg-icon--social" viewBox="0 0 64 64"> <use class="sqs-use--icon" xlink:href="/universal/svg/social-accounts.svg#facebook-unauth-icon"></use> <use class="sqs-use--mask" xlink:href="/universal/svg/social-accounts.svg#facebook-unauth-mask"></use> </svg> </div> </a><a href="YOUR INSTA LINK" target="_blank" class="sqs-svg-icon--wrapper instagram-unauth"> <div> <svg class="sqs-svg-icon--social" viewBox="0 0 64 64"> <use class="sqs-use--icon" xlink:href="/universal/svg/social-accounts.svg#instagram-unauth-icon"></use> <use class="sqs-use--mask" xlink:href="/universal/svg/social-accounts.svg#instagram-unauth-mask"></use> </svg> </div> </a><a href="YOUR TWITTER LINK" target="_blank" class="sqs-svg-icon--wrapper twitter-unauth"> <div> <svg class="sqs-svg-icon--social" viewBox="0 0 64 64"> <use class="sqs-use--icon" xlink:href="/universal/svg/social-accounts.svg#twitter-unauth-icon"></use> <use class="sqs-use--mask" xlink:href="/universal/svg/social-accounts.svg#twitter-unauth-mask"></use> </svg> </div> </a><a href="YOUR YOUTUBE LINK" target="_blank" class="sqs-svg-icon--wrapper youtube-unauth"> <div> <svg class="sqs-svg-icon--social" viewBox="0 0 64 64"> <use class="sqs-use--icon" xlink:href="/universal/svg/social-accounts.svg#youtube-unauth-icon"></use> <use class="sqs-use--mask" xlink:href="/universal/svg/social-accounts.svg#youtube-unauth-mask"></use> </svg> </div> </a><a href="YOUR MAILING ADDRESS" target="_blank" class="sqs-svg-icon--wrapper email"> <div> <svg class="sqs-svg-icon--social" viewBox="0 0 64 64"> <use class="sqs-use--icon" xlink:href="/universal/svg/social-accounts.svg#email-icon"></use> <use class="sqs-use--mask" xlink:href="/universal/svg/social-accounts.svg#email-mask"></use> </svg> </div> </a> </nav> </div>  

Hi @francescalo  you can get it done in just 2 Steps  , easily Let me share a code with you  🙂
Step 1 : Copy & Paste the follwoing code in HOME>DESIGN>CUSTOM CSS section.
.Cart-inner>.icon{ display:none; } Step 2:  Copy & Paste the follwoing code in SETTINGS>ADVANCE>CODE INJECTION  and paste in FOOTER   section.
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script> <script> $(".Cart-inner").append("<i class='fa fa-shopping-bag' aria-hidden='true'></i>"); </script> It will do the Job 🙂 Screenshot is attahced  on how it will look like 🙂 If it answers the question don't forget to mark it as solved 🙂

Hi @arek It's way too easy what you have to do is to put the following code to Settings > Advance > Code Injection>Header ,What this code will do it will pop up every time user visit the website.
<script> window.localStorage.setItem('test', '0'); window.localStorage.setItem('squarespace-popup-overlay', '0'); </script>  
Tested and it worked perfectly fine , Hope it works perfectly fine for you 🙂 
NOTE: TEST IT ON INCOGNITO OR  ON PRIVATE WINDOW. 
If it works for you don't forget to mark it as solved by clicking arrow on top left of this answer 🙂 

Hi @arek It's way too easy what you have to do is to put the following code to Settings > Advance > Code Injection>Header ,What this code will do it will pop up every time user visit the website.
<script> window.localStorage.setItem('test', '0'); window.localStorage.setItem('squarespace-popup-overlay', '0'); </script>  
Tested and it worked perfectly fine , Hope it works perfectly fine for you 🙂 
NOTE: TEST IT ON INCOGNITO OR  ON PRIVATE WINDOW. 
If it works for you don't forget to mark it as solved by clicking arrow on top left of this answer 🙂 

Hi @francescalo  you can get it done in just 2 Steps  , easily Let me share a code with you  🙂
Step 1 : Copy & Paste the follwoing code in HOME>DESIGN>CUSTOM CSS section.
.Cart-inner>.icon{ display:none; } Step 2:  Copy & Paste the follwoing code in SETTINGS>ADVANCE>CODE INJECTION  and paste in FOOTER   section.
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script> <script> $(".Cart-inner").append("<i class='fa fa-shopping-bag' aria-hidden='true'></i>"); </script> It will do the Job 🙂 Screenshot is attahced  on how it will look like 🙂 If it answers the question don't forget to mark it as solved 🙂