-
Posts
544 -
Joined
-
Last visited
-
Days Won
7
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by IXStudio
-
How to disable parallax scrolling on one page
IXStudio replied to Nondys's topic in Customize with code
Use this code @Ellavator Just change the ID with target parallax section ID. .Parallax-item[data-parallax-id="5f4d20aef1e66322e30a7c80"] figure.Index-page-image.loaded { transform: none !important; bottom: 0 !important; } .Parallax-item[data-parallax-id="5f4d20aef1e66322e30a7c80"] { transform: none !important; position: absolute !important; } .Parallax-item[data-parallax-id="5f4d20aef1e66322e30a7c80"] figure.Index-page-image img { bottom: 0% !important; top: -50% !important; } Please use the like button if it helps you! Best, Leopold -
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
-
How to disable parallax scrolling on one page
IXStudio replied to Nondys's topic in Customize with code
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 -
Product page- change code block position
IXStudio replied to kevin310's topic in Customize with code
Hi @Zurra Use this code in Design -> Custom CSS .tweak-product-item-details-show-price .ProductItem-details .product-price { margin-bottom: 20px !important; /* change it - default: 30px */ } .tweak-product-item-details-show-title .ProductItem-details h1.ProductItem-details-title { margin-bottom: 20px !important; /* change it - default: 30px */ } Please use the like button if it helps you! Best, Leopold -
How to disable parallax scrolling on one page
IXStudio replied to Nondys's topic in Customize with code
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 -
Custom Font in Newsletter Block Name fields
IXStudio replied to anees's topic in Customize with code
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 -
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
-
How to stop bolded words splitting on mobile view
IXStudio replied to KateG's topic in Customize with code
Hi, Please take a screenshot of your problem. Best, Leopold -
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
-
Custom Font in Newsletter Block Name fields
IXStudio replied to anees's topic in Customize with code
Hi @MakingWaves, Please share your website URL. Best, Leopold -
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
-
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
-
How to stop bolded words splitting on mobile view
IXStudio replied to KateG's topic in Customize with code
Hi, What is the password of your website? Best, Leopold -
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
-
Show Secondary Nav in Mobile Menu?
IXStudio replied to brandi_sqspace's topic in Customize with code
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 -
How do I create hide/show text on a page, like you see with FAQs?
IXStudio replied to mford's topic in Customize with code
Hi @VRajic Please use this free plugin You can customize it to any design you think without coding. Just check this youtube video at 3:03 Please use the like button if it helps you! Best, Leopold -
Please contact me via Skype: LeopoldJobs I can check it via collaboration. Please use the like button if it helps you! Best, Leopold
-
Hi @TAYRYNLDS Please share your website URL with screenshot of your needs. Best, Leopold
-
Hi, What's the password of the website? Best, Leopold
-
Hi, Please let me know What's your problem? @TAYRYNLDS Best, Leopold
-
@Jimi Please contact me via Skype: LeopoldJobs I'll check it for you. Please use the like button if it helps you! Best, Leopold
-
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
-
Hi @Jimi Yes, You can get this details via Inspect Element of your browser. Then target the body tag. You see ID and so huge! Class list there. Btw classes you can find collection also quick way is the ID of Body. Please use the like button if it helps you! Best, Leopold
-
Hi @Jimi You can find it from Body Class and Body ID. Please use the like button if it helps you! Best, Leopold
-
How to change the navigation button color for only one page
IXStudio replied to IanBanker's topic in Customize with code
Hi, Which button you want to modify it? Please take a screenshot. Best, Leopold