-
Posts
63,391 -
Joined
-
Last visited
-
Days Won
508
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
Google Scheduler Button CSS Customisation
tuanphan replied to ChrisMahoney's topic in Customize with code
I tried creating an example, you try checking https://tuanphan5-test.squarespace.com/google-scheduler?noredirect pass: abc -
Redirect delay after submitt message is displayed
tuanphan replied to Ganther's topic in Customize with code
You mean users submit > after X seconds > Show post message? -
You can find a free code on Codepen, we can convert it to SS easier
-
Apply border and other css effects to image shapes
tuanphan replied to PEARLERwork's topic in Customize with code
-
Can you share link to this page?
-
You mean Users click button > Show a popup (similar newsletter, then users can enter their email) > after users click submit, change button text?
- 1 reply
-
- code
- code-injection
-
(and 2 more)
Tagged with:
-
You mean thumbnail images on this page or another page? https://www.theslatestudio.com/slate-takes
- 2 replies
-
- images
- custom-css
-
(and 3 more)
Tagged with:
-
Adding a custom pop up form to a navigation header button
tuanphan replied to nicki-patsios's topic in Customize with code
To hide required text field, you can use this code to Website > Website Tools > Custom CSS div#block-2883176083abebf7e0ae span.description.required { display: none !important; } To make it as popup, we can use custom code (let me test and send you in the next 1-2 days) or use custom plugin- 3 replies
-
- navigation
- pop-up
-
(and 1 more)
Tagged with:
-
How to add a divider on the product detail page
tuanphan replied to threadsonline's topic in Customize with code
I see it already centered to me -
In my example, I used Filter Plugin (referral link) or this link (non-referral link). However if you need a simple filter with some links only, we can use custom code to achieve this. You can share link to page where you want to add filter code, I will take a look
-
Supply template - Make other pages on mobile full width?
tuanphan replied to alycia.wicker's topic in Customize with code
You can use this code to Website > Website Tools > Custom CSS @media screen and (min-width:901px) { body#collection-65f343347c52eb26e729530c figure#thumbnail { display: none; } body#collection-65f343347c52eb26e729530c main#main { width: calc(~"100% - 240px"); } } -
To add code to Code Block, you need to wrap code in style tag <style> paste your current code here </style>
- 35 replies
-
- css
- custom-css
-
(and 2 more)
Tagged with:
-
How to add accordion element to all products in store
tuanphan replied to BobbyGeorgiev's topic in Customize with code
Which position? Under add to cart or? If add to cart, use this code to Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('footer.sections .accordion-block').appendTo('.sqs-add-to-cart-button-wrapper'); }) </script> If another position, let me know which position, I can adjust code easier -
Add featured image to paywall blog preview
tuanphan replied to IdTaylor's topic in Customize with code
I don't know this code, but if you add an image block to top of post, I can give you code to move Title/Date under this Image -
I just tried above code and it still run. Or you want image in another position? Which position?
-
Changing the login/Account text to a svg icon
tuanphan replied to inunzi's topic in Customize with code
Use this CSS code /* Show user next to cart on mobile */ @media screen and (max-width:991px) { .header .customerAccountLoginDesktop { display: flex !important; } }- 60 replies
-
- customer-accounts
- code
-
(and 1 more)
Tagged with:
-
Did you solve it? It looks no border to me now with mobile, use this CSS code to disable @media screen and (max-width:991px) { .gallery-masonry .gallery-masonry-item[data-loaded] img { opacity: 1 !important; } }
-
Something like this and you need to use this code to Code Injection, to make <a> tag render properly <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script> $(document).ready(function(){ $(".grid-item .grid-title").each(function(){ $(this).html($(this).text()); }); }); </script>
-
Which photo? Use this new code div.video-block iframe { border-radius: 30px; }
-
Product Block - Add to Cart Navigation
tuanphan replied to franvandee's topic in Setting up your store
You can disable Express Checkout -
Gallery lightbox with added descriptions, images distorted
tuanphan replied to monicaherndon's topic in Images & Videos
You can remove my code, I will test again- 4 replies
-
- gallery-page
- lightbox
-
(and 1 more)
Tagged with:
-
Carousel Gallery Not Showing on Mobile (iOS Safari)
tuanphan replied to PEARLERwork's topic in Images & Videos
Can you share link to this page? -
Rogue thumbnail image showing before a video plays
tuanphan replied to trout-vanilla-fe4g's topic in Images & Videos
I don't know this. You try posting problem to Coding Categorize https://forum.squarespace.com/forum/39-customize-with-code/