IXStudio

Did you follow these steps?

And this is the CSS code to center your current text rotator.
Use this code in Design -> Custom CSS
#block-yui_3_17_2_1_1598542012293_13341 h1.preFade.fadeIn { text-align: center; width: fit-content; display: flex; } .rotating-words.rotating-words-1 { display: flex; width: 313px; } #block-yui_3_17_2_1_1598542012293_13341 .sqs-block-content { width: max-content; justify-content: center; display: flex; align-items: center; text-align: center; margin: 0 auto; } Please use the like button if it helps you!
Best,
Leopold

Yes, but I ended up using a slightly different bit of code I think? @IXStudio provided me with a bit of code that included the suffix I needed :-) 

Did you follow these steps?

And this is the CSS code to center your current text rotator.
Use this code in Design -> Custom CSS
#block-yui_3_17_2_1_1598542012293_13341 h1.preFade.fadeIn { text-align: center; width: fit-content; display: flex; } .rotating-words.rotating-words-1 { display: flex; width: 313px; } #block-yui_3_17_2_1_1598542012293_13341 .sqs-block-content { width: max-content; justify-content: center; display: flex; align-items: center; text-align: center; margin: 0 auto; } Please use the like button if it helps you!
Best,
Leopold

Hi,
Please insert this code in your Page Settings -> Header Injection
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> var imgURL = "https://images.squarespace-cdn.com/content/v1/5947fdcdd482e9517f8cc5e9/1605298803110-Q4U67HKG2YXUWOCN3TCW/ke17ZwdGBToddI8pDm48kLkXF2pIyv_F2eUT9F60jBl7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z4YTzHvnKhyp6Da-NYroOW3ZGjoBKy3azqku80C789l0iyqMbMesKd95J-X4EagrgU9L3Sa3U8cogeb0tjXbfawd0urKshkc5MgdBeJmALQKw/image-asset.jpeg" // Insert your image link here! $(window).on('load', function() { $('header.Header.Header--bottom').addClass('Header--bottom Header--overlay'); $('.Parallax-host-outer').attr('style','position:absolute;z-index:1'); $('section.Main-content').attr('style','padding-top: 500px;'); $('.Parallax-host-outer').html('<div class="Parallax-host-outer"> <div class="Parallax-host" data-parallax-host=""> <div class="Parallax-item" data-parallax-item="" data-parallax-id="5f7b55a094d88c547eb5fd8b" style="top: 0px; left: 0px; width: 1920px; height: 459px; transform: translate3d(0px, 0px, 0px);"><figure class="Intro-image loaded" data-parallax-image-wrapper="" style="bottom: -26px; overflow: hidden; transform: translate3d(0px, 0px, 0px);"> <img data-parent-ratio="4.0" style="font-size: 0px; left: 0px; top: -397.628px; width: 1920px; height: 1280.26px; position: relative;" class="" data-image-resolution="2500w" src="'+ imgURL +'"> </figure></div> </div> </div>'); }); </script> Please use the like button if it helps you!
Best,
Leopold

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

This works! Thank you!

Hi,
Please insert this code in your Page Settings -> Header Injection
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> var imgURL = "https://images.squarespace-cdn.com/content/v1/5947fdcdd482e9517f8cc5e9/1605298803110-Q4U67HKG2YXUWOCN3TCW/ke17ZwdGBToddI8pDm48kLkXF2pIyv_F2eUT9F60jBl7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z4YTzHvnKhyp6Da-NYroOW3ZGjoBKy3azqku80C789l0iyqMbMesKd95J-X4EagrgU9L3Sa3U8cogeb0tjXbfawd0urKshkc5MgdBeJmALQKw/image-asset.jpeg" // Insert your image link here! $(window).on('load', function() { $('header.Header.Header--bottom').addClass('Header--bottom Header--overlay'); $('.Parallax-host-outer').attr('style','position:absolute;z-index:1'); $('section.Main-content').attr('style','padding-top: 500px;'); $('.Parallax-host-outer').html('<div class="Parallax-host-outer"> <div class="Parallax-host" data-parallax-host=""> <div class="Parallax-item" data-parallax-item="" data-parallax-id="5f7b55a094d88c547eb5fd8b" style="top: 0px; left: 0px; width: 1920px; height: 459px; transform: translate3d(0px, 0px, 0px);"><figure class="Intro-image loaded" data-parallax-image-wrapper="" style="bottom: -26px; overflow: hidden; transform: translate3d(0px, 0px, 0px);"> <img data-parent-ratio="4.0" style="font-size: 0px; left: 0px; top: -397.628px; width: 1920px; height: 1280.26px; position: relative;" class="" data-image-resolution="2500w" src="'+ imgURL +'"> </figure></div> </div> </div>'); }); </script> Please use the like button if it helps you!
Best,
Leopold

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

Thanks, Leopold!
Just what I needed.
And yes, password from Winnie the Pooh!
😉

Hi Studio 2, 
Try: 

.product-price
{
  display: none;}
 

@IXStudio You are a lifesaver, thank you! 

Add the following to Design > Custom CSS.
/* begin modify cart appearance */ .CartHeader-cartTitle-9Dk3d.cart-title, .CartTableRow-itemTitle-1MDgZ a { font-size: 43px; } .CartTable-itemLabel-3zzV1, .CartTable-subtotalLabel-3qWE9 { font-size: 32px; } .CartTableRow-itemPrice-26eXS, .CartTable-subtotalPrice-2JFeD { color: #bf0; font-family: 'Spicy Rice'; font-size: 44px; } /* end modify cart appearance */ Thank you for the detailed description of what you wanted. It made it much easier to hopefully implement the effect you want to achieve! 🙂
Let us know how it goes.

HI Leopold- This worked like a charm and my button is exactly how I wanted. Thank you so much for your help and time!

Hi
Use this code in Design -> Custom CSS
.ProductItem .ProductItem-details .product-price { font-weight: 500; font-size: 22px !important; } .view-item .ProductItem-relatedProducts .product-price { color: crimson !important; } Please use the like button if it helps you!
 
Best,
Leopold

@IXStudio sent you a DM.

Hi @Theis_Aarlund
Use this code and add your other counters.

 
<script> var eventFired = false, objectPositionTop = $('section[data-section-id="5e8c4a5a0d1a452372558c60"]').offset().top; $(window).on('scroll', function() { var currentPosition = $(document).scrollTop(); if (currentPosition > objectPositionTop && eventFired === false) { eventFired = true; // your code // Animate the element's value from 0% to 110%: jQuery({someValue: 0}).animate({someValue: 42}, { duration: 1000, easing:'swing', // can be anything step: function() { // called on every step // Update the element's text with rounded-up value: $('#block-yui_3_17_2_1_1604658444212_14894 h2#employees').text(Math.ceil(this.someValue) + "%"); } }); } }); </script> Please use the like button if it helps you!
Best,
Leopold

Add to Home > Design > Custom CSS then save & reload your site.
body.homepage .header-announcement-bar-wrapper { background: transparent !important; position: absolute !important; }  

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

If you don't want the excerpt to show, you don't need to enable it. You should be able to force the read more link to show with CSS:
.sqs-block-summary-v2 .summary-read-more-link { display: block!important; }  
   If a post helps you, please click a "Like" option below  ↘️

Thank you so much Leopold!!

Hi
Use this code in Design -> Custom CSS
.tweak-fixed-header .header .header-announcement-bar-wrapper { padding-top: 0vw !important; padding-bottom: 0vw !important; } Please use the like button if it helps you!
Best,
Leopold

Hi
Use this code in Design -> Custom CSS
.summary-content .summary-title-link { pointer-events: all !important; } Please use the like button if it helps you!
Best,
Leopold

Hi @Wanderdoll  @JennieFage
You can try this Typewriter extension. Check this demo page.
Install from here.
Do this installation guide.
 
 
Please use the like button if it helps you!
Best,
Leopold

Just solved for 3 members. Add all to Code Block
<div class="container"> <h1> typewriter01 | <!-- The words that we want to have typerwriter effect --> <span class="txt-type" data-wait="3000" data-words='["consultancy", "food", "creative tech", "ranj"]'></span> </h1> </div> <style> /* CSS RESET */ /* ALIGN CONTENT */ .container { display: flex; /* Remove horizontal 'justify-content' center if you want the base text not to move */ justify-content: center; align-items: center; } /* ADD CURSOR */ .txt-type > .txt { border-right: 0.08rem solid #fff; padding-right: 2px; /* Animating the cursor */ animation: blink 0.6s infinite; } /* ANIMATION */ @keyframes blink { 0% { border-right: 0.08rem solid rgba(255, 255, 255, 1); } 100% { border-right: 0.08rem solid rgba(255, 255, 255, 0.2); } } #page .section-background {background: white;} #page section * {color: black !important;} #page .content { width: 100%; } </style> <script> class TypeWriter { constructor(txtElement, words, wait = 3000) { this.txtElement = txtElement; this.words = words; this.txt = ""; this.wordIndex = 0; this.wait = parseInt(wait, 10); this.type(); this.isDeleting = false; } type() { // Current index of word const current = this.wordIndex % this.words.length; // Get full text of current word const fullTxt = this.words[current]; // Check if deleting if (this.isDeleting) { // Remove characters this.txt = fullTxt.substring(0, this.txt.length - 1); } else { // Add charaters this.txt = fullTxt.substring(0, this.txt.length + 1); } // Insert txt into element this.txtElement.innerHTML = `<span class="txt">${this.txt}</span>`; // Initial Type Speed let typeSpeed = 50; if (this.isDeleting) { // Increase speed by half when deleting typeSpeed /= 2; } // If word is complete if (!this.isDeleting && this.txt === fullTxt) { // Make pause at end typeSpeed = this.wait; // Set delete to true this.isDeleting = true; } else if (this.isDeleting && this.txt === "") { this.isDeleting = false; // Move to next word this.wordIndex++; // Pause before start typing typeSpeed = 500; } setTimeout(() => this.type(), typeSpeed); } } // Init On DOM Load document.addEventListener("DOMContentLoaded", init); // Init App function init() { const txtElement = document.querySelector(".txt-type"); const words = JSON.parse(txtElement.getAttribute("data-words")); const wait = txtElement.getAttribute("data-wait"); // Init TypeWriter new TypeWriter(txtElement, words, wait); } </script> Notes: Haven't tested with SS 7.0