HoaLT
Member-
Posts
68 -
Joined
-
Last visited
-
Days Won
1
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by HoaLT
-
Hi, I have requirement related to the discount policy. My desired result is that: - On one order, if clients purchase the same product with a current one, they will get the discount for the second item only. - The second item should be set with % discount rate. I would like to know if it is possible on squarespace and if SQS can not support, is there any way that we can work around with it? Many thanks!
-
-
How do I make my Home page photo appear full screen on mobile phones
HoaLT replied to JerryBez's topic in Customize with code
You can get some reference in this post with your cover pages -
Link to a section - Keep the section align to the bottom of the page
HoaLT replied to anauveme's topic in Customize with code
Do you mean that when you click a button, page will load to the section linked by button? -
I can not access the page with the problem you described above. Can you share the direct link to this page?
-
Show social media buttons but make navigation a hamburger menu
HoaLT replied to TakExplores's topic in Customize with code
- 4 replies
-
- social-media
- social-links
-
(and 3 more)
Tagged with:
-
Different Banners and Images on Product Category Pages
HoaLT replied to Oh_Mell's topic in Customize with code
Can you share your site with the password protected for easier checking? -
Change product title font size on the store page
HoaLT replied to Aidan2000's topic in Customize with code
It would be easier to check your issues if you can share your site with the password protected! -
Remove White Space Beyond Squarespace Settings
HoaLT replied to Lux321's topic in Site Design & Styles
You can set the addition figuration in Design > Custom CSS #article- { padding-bottom: 0; } .item-pagination { padding-top: 15px; } -
1st Point: You can try the Design > Custom CSS with the following setting @media only screen and (max-width: 768px) { #block-yui_3_17_2_1_1632274074310_17542 .sqs-block-button-container--right { text-align: center; } #block-yui_3_17_2_1_1632274074310_17542 a { padding: 1em 1.404em; } [data-section-id="614a87c7f80dc06b128e4478"] .content-wrapper { padding-bottom: 0 !important; padding-top: 25vmax !important; } section[data-section-id="614a87c7f80dc06b128e4478"] { height: 36vh !important; } section[data-section-id="614a87c7f80dc06b128e4478"] .section-background { bottom: unset; } }
-
How do I make my Home page photo appear full screen on mobile phones
HoaLT replied to JerryBez's topic in Customize with code
For the way to add Css, you could get a reference from this link https://support.squarespace.com/hc/en-us/articles/206545567-Using-the-CSS-Editor Or follow the steps on my Gif -
How do I make my Home page photo appear full screen on mobile phones
HoaLT replied to JerryBez's topic in Customize with code
Try the following configuration in Desin > Custom Css @media only screen and (max-width: 768px) { .homepage [data-slide-id="610c29e83f1f825f0dce7cfa"] img { height: 100vh; width: auto; position: relative; transform: translateX(-50%); left: 50%; } } -
Pause Summary Carousel Auto-Rotation on Hover
HoaLT replied to dubwebdev's topic in Customize with code
You need to modify your javascript: Replace with the following script $(document).ready(function() { try { var container = Y.one("#block-d3fe1f534bd0f0631332"); var gallery = Y.Squarespace.GalleryManager.getGalleryByContainer(container); gallery.setAttrs({ "autoplay": true, "autoplayOptions": { "timeout": 6000, /*make this higher to decrease speed, lower to increase it*/ "randomize": true, } }); container._node.addEventListener("mouseover", () => { gallery.setAttrs({ "autoplay": false }) }) container._node.addEventListener("mouseout", () => { gallery.setAttrs({ "autoplay": true, "autoplayOptions": { "timeout": 6000, "randomize": true, } }) }) } catch (e) { console.error("Could not configure Gallery autoplay.", e); } }); Hope work well for you- 4 replies
-
- code-injection
- plugin
-
(and 2 more)
Tagged with:
-
Shorten distance between header and body on mobile
HoaLT replied to taijiterasakistudio's topic in Customize with code
-
Shorten distance between header and body on mobile
HoaLT replied to taijiterasakistudio's topic in Customize with code
Try this in Design > Custom CSS @media only screen and (max-width: 768px) { #headerWrapper header { padding: 0 0 10px 0; } } -
Can you share your site with screenshot of your issue for easier support?
- 3 replies
-
- color
- navigation
-
(and 2 more)
Tagged with:
-
You can apply the following steps: 1. Home > Pages > Edit your heading > Set bold for "Your Passion" 2. Home > Design > Custom CSS #block-5441a2f77e4fa42d5289 h1 strong { font-weight: inherit; } @media only screen and (max-width: 768px) { #block-5441a2f77e4fa42d5289 h1 strong { display: block; } } Hope that it is ok for your site!
-
Remove White Space Beyond Squarespace Settings
HoaLT replied to Lux321's topic in Site Design & Styles
-
Remove White Space Beyond Squarespace Settings
HoaLT replied to Lux321's topic in Site Design & Styles
The space is created by the padding of conten-wrap. You can try adding in Design > Custom CSS .content-wrapper { padding-bottom: 0 !important; } Hope that it is useful for you -
Carousel Image Gallery appearing Off Center on Desktop
HoaLT replied to Dhowbearcat's topic in Customize with code
- 5 replies
-
- album-page
- gallery
-
(and 3 more)
Tagged with:
-
Carousel Image Gallery appearing Off Center on Desktop
HoaLT replied to Dhowbearcat's topic in Customize with code
You can add configuration in Design > Custom Css @media only screen and (max-width: 768px) { #block-yui_3_17_2_1_1632362346311_3023 .sqs-block-content, #block-yui_3_17_2_1_1632362655894_2919 .sqs-block-content { height: 100px; } }- 5 replies
-
- album-page
- gallery
-
(and 3 more)
Tagged with:
-
Fix button hover from spilling out from the button
HoaLT replied to skywalker888's topic in Customize with code
I can not find the problem with buttons in your site. Can you take a screenshot the button issue you want to fix? -
-
Some Css code could fix your issue (Home > Design > Custom Css) @media only screen and (max-width: 768px) { section[data-section-id="60b75c513ab2dc7e99fcaacc"] .image-block-wrapper, #block-yui_3_17_2_1_1622629761448_10757 .image-block-wrapper { max-width: 50px; margin: auto; } } Hope it can help you
-
Carousel Image Gallery appearing Off Center on Desktop
HoaLT replied to Dhowbearcat's topic in Customize with code
- 5 replies
-
- album-page
- gallery
-
(and 3 more)
Tagged with: