tuanphan
-
Posts
65,013 -
Joined
-
Last visited
-
Days Won
518
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
Can you check image again? It shows error here * share link to your site, we can check easier
-
Don't remove your code. Add this code under it .ProductItem-gallery-slides-item { border-radius: 50px !important; }
-
How to make vertical tab slider responsive for mobile
tuanphan replied to Kalie's topic in Customize with code
Try adding to Design > Custom CSS /* Vertical Timeline CSS Mobile */ @media screen and (max-width:767px) { li.box, ul.main-box .box.active { width: 100% !important; overflow: visible !important; } .box span { writing-mode: initial !important; width: 100% !important; transform: unset !important; left: 0 !important; right: 0 !important; padding: 0 !important; height: auto !important; } .box.active .detail {position: relative !important;} ul.main-box { flex-direction: column; width: 100% !important; margin: 0 !important; } } -
Hi, This is blog page or portfolio page?
-
Can you share link to this page?
-
Edit that post > Add a Code Block (anywhere) > then paste above code into Code Block
-
Hi, What is shop page url? We can help easier
-
Try adding to Settings > Advanced > Code Injection > Footer <script> document.addEventListener('DOMContentLoaded', function() { const productGrid = document.querySelector('.gallery-masonry .gallery-masonry-wrapper'); if (productGrid) { var productItems = productGrid.querySelectorAll('figure'); for (var i = productItems.length; i >= 0; i--) { productGrid.appendChild(productItems[Math.random() * i | 0]); } } }); </script>
-
You can add a Code Block above section > add anchor id
-
Hi. Possible. If you share link to page where you use filter dropdown menu, we can help easier
-
Add this to Design > Custom CSS .mobile-arrows { display: none !important; }
-
I mean you need to use 2 forms, then use code to show - hide these forms. You can see a demo here (above Footer Logo Slider)
-
How to custom margin/ page padding for certain/ specific pages
tuanphan replied to julia_kogai's topic in Customize with code
Hi, Which page are you referring to? I think we need to use code to do this -
Hi, Can you share link to a product? We can check easier
-
Add to Design > Custom CSS #new-page .index-section-wrapper { padding-top: 0px; } div#home>div { padding: 5px !important; }
-
You can follow this guide: https://support.squarespace.com/hc/en-us/articles/205813928-Uploading-and-managing-files
-
I wrote a quick guide here, however it requires a 3rd party paid plugin
-
Auto-scrolling/playing carousel with linked images
tuanphan replied to ejenks's topic in Fonts, colors and images
Add to Design > Custom CSS body.homepage { li.list-item { position: relative; } .list-item-content__button-container { position: static; } a.list-item-content__button.sqs-block-button-element { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; color: transparent !important; background-color: transparent !important; border: none !important; } .list-item-content__button-container { position: static !important; transform: unset !important; } a.list-item-content__button.sqs-block-button-element:before { visibility: hidden; } .user-items-list-carousel__slide { pointer-events: initial !important; user-select: unset !important; } .user-items-list-carousel__gutter { cursor: pointer; } } I don't know this.. -
Thank you. Move it to this position or?
-
Unhiding logo/site title when scrolling down on homepage
tuanphan replied to jjk291's topic in Customize with code
Change your code to this .homepage header#header:not(.shrink) a#site-title { visibility: hidden; } -
You mean Initial: hide text, show image Hover: show text over image?
-
What is site url?
-
Can you share link to page where you have problem? We can help easier
-
Add to Design > Custom CSS /* Fix align mobile menu */ @media screen and (max-width:991px) { .header-announcement-bar-wrapper { padding-bottom: 6vw !important; } }
-
Suppose your site url is sophietnc.squarespace.com You can access this url: sophietnc.squarespace.com/config/safe It will disable code in Edit Mode, then you can edit everything easier in edit mode
