IXStudio

Hi,
Use this code in Design -> Custom CSS
div#ninja-elements.ix-block-ninja-custom-typewriter span { font-family: 'Poppins' !important; } Please use the like button if it helps you!
Best,
Leopold

What is your site url

try this
body.homepage .header:not(.shrink) { background: transparent !important; }  

Thanks but I got it working already, thanks to @bangank36!

Hi dear @ConeCake
Thanks for choosing Ninja Kit!
Please add me as admin collaborator to fix it for you!

IXStudio[dot]net[at]gmail[dot]com

Thank you!
Best,
Leopold

Hi dear @ConeCake
Thanks for choosing Ninja Kit!
Please add me as admin collaborator to fix it for you!

IXStudio[dot]net[at]gmail[dot]com

Thank you!
Best,
Leopold

You are missing jQuery, add this into first line of the header injection
<script src="assets/js/libs/jquery-3.6.0.min.js"></script>  

Hi
Use this code in Design -> Custom CSS
body[data-menu-overlay-theme-switcher="true"] .header.black:not(.shrink) { background: transparent !important; } Please use the like button if it helps you!
Best,
Leopold

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

Design > Site Styles > Disable Ajax Loading

Hi
Use this code in Design -> Custom CSS
@media screen and (max-width: 640px) { h1, h2, h3, p { text-align: center !important; } } Please use the like button if it helps you!
Best,
Leopold

Hi,
Insert this code in your Footer Code Injection.
<a href="https://www.ixstudio.net/ninjakit"><div tabindex="0" type="bubble" class="wt_start_inbtn" style=" height: 64px; box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 12px; border-radius: 50%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; cursor: pointer; user-select: none; position: fixed; outline: transparent; background-color: #242424; right: 20px; bottom: 20px; width: 64px; "> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="phone" class="svg-inline--fa fa-phone fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style=" width: 24px; color: white; "><path fill="currentColor" d="M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z"></path></svg> </div> </a> Please use the like button if it helps you!
Best,
Leopold

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

I'm not sure in what subforum this belongs, but I wanted to give feedback to people about 2 of the main plugin shops you're likely to run into when shopping for code.
 
SQSP Themes: I just bought my first plugin from them (the accordion-tabs plugin that has been recommended multiple times on this forum) and I couldn't be more satisfied. For beginners, clear and detailed instructions are provided and SQSP Themes also provides an awesome customization tool that allows you to adjust and test many parameters of the plugin in real time and spits out the code for you. That is brilliant and extremely well thought-out. The plugin needed a tweak out of the box but support got back to me within the hour with a fix. A great experience.
https://www.sqspthemes.com
 
Squarestudio: Not so good. Look, I hate badmouthing businesses, but buyers beware. I have purchased quite a few plugins from them. Not only did the majority of them not work out of the box, but they also sometime broke other parts of my site. Twice I was lucky enough to receive support from them, but more recently they simply don't reply to messages (done through FB Messenger). I have sent them multiple support requests via Messenger, their Facebook page and email over the past 2+ weeks... and nothing save for one of their devs emailing me back last Monday saying he would have their support team get back to me. I'm still waiting. In brief, know that the chance is high that their plugins might not work out of the box, and that if that's the case you're pretty much on your own. I will have my cc company reverse all recent charges if I don't hear back from them by tomorrow. Stay away from them until they get their act together. 
 
To finish on a positive note, I also wanted to mention Chris Schwartz-Edmisten. He offers free tutorials on YouTube and his website (as well as paid services) and also has a few plugins of his own. I bought his Fixed Footer Reveal pugin which needed a slight tweak. He answered my support request and fixed the issue the same morning. I also used one of his free tutorials to animate my website. He answered a question I had there just as quickly. Check out his plugins, tutorials and his training packages. 
https://schwartz-edmisten.com
 

Great Works!
Love it.

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


 

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

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

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

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.

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

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

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

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

Hi
Please use this plugin to solve your problem!
Please use the like button if it helps you!
Best,
Leopold