tuanphan
-
Posts
65,013 -
Joined
-
Last visited
-
Days Won
518
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
instragram block, style play buttons on reels
tuanphan replied to fc1's topic in Customize with code
Try this div#block-yui_3_17_2_1_1666472156032_2309 .sqs-video-icon { background-size: 15px; transform: unset !important; top: 10%; right: 20% !important; left: unset !important; } -
Yes. The easiest way to remove the overlay menu is to hide the burger icon
-
Color Change Link based on Current Page
tuanphan replied to kaydotjpg's topic in Customize with code
Add to Design > Custom CSS /* nav active color */ div.header-nav-item--active>a { color: #e3ff40 !important; } -
Add this CSS under nav.header-nav-list>div { width: calc(~"20% - (6vw + 2px) ") !important; } nav.header-nav-list { justify-content: space-between !important; }
-
Adding a Link to a Carousel Section
tuanphan replied to marmaladeisgood's topic in Customize with code
Your site is private. Can you setup an access password? We can access easier -
Try adding to Design > Custom CSS @media screen and (max-width:640px) { section.Intro.Intro--has-image { display: none; } }
-
Two options to achieve this O1. If you use a Business Plan, let me know, we can use <script> code to add second button O2. Add a Text link under Description, then we can give code to turn text link style to button style (You can use this way to add 3, 4, 5...buttons)
-
You mean change image 2, 3 to make same as image 1?
-
Change your code to this <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script> window.Squarespace.onInitialize(Y, function(){ $('section.ProductItem-additional').insertAfter('.ProductItem-details-share'); }); </script> <style> section.ProductItem-additional { order: 9; padding-top: 0 !important; } section.ProductItem-additional .product-block { width: 100% !important; } section.ProductItem-additional .sqs-add-to-cart-button.sqs-editable-button { opacity: 1 !important; } </style>
-
Try adding this code under .products.collection-content-wrapper .nested-category-tree-wrapper li ul { display: none; }
-
Edit 2 products > Additional Info > Add a Code Block > paste this code <style> /* Remove add to cart */ div.sqs-add-to-cart-button-wrapper { display: none !important; } </style>
-
Adding external url as item for commerce site
tuanphan replied to Tunnelmen's topic in Setting up your store
You want to click add to cart on individual products >> Redirect to Thinkific? You can add a Text link in Description, then we can give code to remove add to cart & change text link to button style Or you want to click button on Product List Page >> redirect to Thinkific site? -
You want to remove code on images on these pages or? If remove, use this code /* remove images border */ /* tools */ .fe-6324cd03f1e6fc893fae5f01 * { border: none !important; } With about, you mean top section images?
-
Hovering Captions/effects for Images on a Masonry Grid
tuanphan replied to Ayesh's topic in Images & Videos
#1. Can you enable Gallery Caption + add some image caption first? We can check code easier #2. 2 lines of text or >2 lines? Each case will need a different solution -
If you share link to a page where you use image shapes, we can check easier
-
Hi, What is page url?
-
You can try List Section, it can help you similar, but require some Custom Code to add border, shadow + text background, price red color, tick icon
-
You mean 4 links in screenshot? Can you share link to page in screenshot?
-
Hi, What is your site url? We can check easier
-
Just share link to page where you added image, we can give the code to change overlay transparent If you use Classic Editor Image Block, you can add link.
-
Hi, No way to do this. You will need to use custom code to add new scroll text. You can find some free code on Codepen, then share me link, we can convert it to Squarespace code eg this code https://codepen.io/Rei_Kama414/pen/zYjPmjv
-
Hi, You want to remove title only or remove title + color overlay?
-
Hi, With this, you try contacting SS Customer Care.
- 3 replies
-
- 1
-
-
- newsletter-block
- newsletter
- (and 1 more)
-
What do you mean, or you mean this? "Out of curiosity is it also possible to just have the image as the link, and not the text/beige box area?"
-
Use this code body.header--menu-open .header-title-logo a { background-image: unset !important; filter: unset !important; } body.header--menu-open .header-title-logo img { content: url(https://mcusercontent.com/83f895486924e07d3de98f96c/images/2cee9b9e-d46a-18dc-bf75-0d6fbab615bf.png); visibility: visible !important; }
