PatrickJ
-
Posts
90 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by PatrickJ
-
-
Having the exact same issue on a very video-heavy site, infuriating!
-
On 6/25/2023 at 12:31 AM, tuanphan said:
Didn't seem to work 😬
I also unfortunately had to change the way that section was built for design purposes, so it would be different now, but it didn't seem to work even before I changed it.
-
On 5/15/2023 at 11:56 AM, pnel said:
I'm also looking for help on getting placeholder text in the first/last and phone fields with Squarespace's new forms. I previously followed the guidance provided by @tuanphan and @creedon in another thread that's basically summarized by another user here:
And that solution worked great originally, but it's broken now on the new forms. Has anyone else figured it out?
Having the same issue!
-
On 6/20/2023 at 12:13 AM, tuanphan said:
Try Code Injection > Footer
<script> if (document.location.pathname.indexOf("kaleidoscope/category/HOPE") == 0) { document.querySelector('body').classList.add('hope') } </script> <style> body.hope div#block-f6c7c08928d92681dfe9 h1 { color: #ff33bb !important; } </style>
No luck 😬
And just a note, the links have changed - I tried updating your code to reflect the changes, so that may be what went wrong, but I couldn't figure it out.
-
Hey @tuanphan! Is it possible to do this for manually created category links on a blog page?
Trying to have the active category turn #FF33BB when on that category page, on this page here: https://armadillo-rhombus-7pce.squarespace.com/kaleidoscope - password is "hello".
Thanks for all you do!
-
On 12/19/2022 at 7:33 AM, Beyondspace said:
Do you mean making the color change for scrollbar that is based on the content it scrolls over?
Correct! More specifically the track for the scrollbar, the scrollbar I would like to remain blue the whole time.
-
On 12/27/2022 at 5:03 AM, Beyondspace said:
Try adding to Home > Design > Custom css
@media only screen and (max-width: 767px) { #block-2b6877fafb5f55d61849 .newsletter-form-body { display: flex; align-items: center; justify-content: center; } #block-2b6877fafb5f55d61849 .newsletter-form-body .newsletter-form-fields-wrapper.form-fields { width: 70%; } #block-2b6877fafb5f55d61849 .newsletter-form-field-wrapper { width: 100%; min-width: unset } #block-2b6877fafb5f55d61849 .newsletter-form-field-element.field-element { width: 100%; } }
Support me by pressing 👍 or marking as solution if this useful for you
You're a champ! Works like a charm! Thanks so much!
-
-
8 hours ago, Beyondspace said:
Can you share your URL with the protected password so I can take a look?
For sure!
Site: http://mandarin-vanilla-ss4s.squarespace.com/brick
Password: brick
-
On 12/16/2021 at 6:43 AM, Beyondspace said:
Try adding to Home > Design > Custom Css
/*width of scrollbar*/ .scrollBox::-webkit-scrollbar { width: 1em; } /*color of scroll bar*/ .scrollBox::-webkit-scrollbar-track { background: purple; } /*color of scroll button*/ .scrollBox::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 1px solid slategrey; }
Reference: https://www.w3schools.com/howto/howto_css_custom_scrollbar.asp
Change the style which meets your requirement
Hope it can help you
Support me by pressing 👍 if this useful for you
Hi there! Thanks @Beyondspace! This worked great, but I ran into an issue with the way it displays, any chance you could help?
-
On 7/4/2021 at 8:13 PM, Beyondspace said:
try
@media only screen and (min-width: 640px) { #block-yui_3_17_2_1_1625230745440_16307 form { display: flex; align-items: center; width: 100%; } #block-yui_3_17_2_1_1625230745440_16307 form .field-list { flex: calc(85% - 70px); } #block-yui_3_17_2_1_1625230745440_16307 form .form-button-wrapper { flex: 70px; text-align: right; } #block-yui_3_17_2_1_1625230745440_16307 form .form-button-wrapper input { flex: 70px; text-align: right; margin: 6px 0 4px; } }
Hi there! This worked great for my regular Form Blocks Is it possible to do this for a Newsletter Block as well? I've tried altering this code but no luck.
-
13 hours ago, tuanphan said:
Thanks @tuanphan! That works, but is there any way to maintain the expanding box functionality while having it placed underneath? Cheers!
-
Hey @tuanphan! Having this problem on https://mandarin-vanilla-ss4s.squarespace.com as well, password is "brick" - any help would be appreciated!
-
-
On 10/22/2022 at 8:18 AM, tuanphan said:
I see both are fine to me
2 pages in screenshot
Oh really? So you don't see the glitched menu (in screenshot 2) on any of the following URLs?
https://www.strategxcorp.com/green-report, https://www.strategxcorp.com/investor-kit, https://www.strategxcorp.com/ir-media, https://www.strategxcorp.com/social-media
-
Site URL: http://www.strategxcorp.com
Ok y'all, I got a doozy for ya.
So I built a custom mega menu, using the technique where you append a footer section to the navigation. It turned out great (1st screenshot), but randomly yesterday it decided to start glitching, however only on specific pages (2nd screenshot). As it's being drawn from a footer section, I'm completely at a loss for how it could differ page to page. No idea, after a lot of troubleshooting/trying to find a common denominator, as to how this could be happening. To add to the mystery - when I'm logged in to the site through Squarespace, everything functions normally on every page 😂🤷🏽♂️
URLs where it's working: https://www.strategxcorp.com/home, https://www.strategxcorp.com/projects, https://www.strategxcorp.com/news, https://www.strategxcorp.com/team, https://www.strategxcorp.com/contact-us
URLs where it's not working: https://www.strategxcorp.com/green-report, https://www.strategxcorp.com/investor-kit, https://www.strategxcorp.com/ir-media, https://www.strategxcorp.com/social-media
-
On 10/17/2022 at 1:48 AM, tuanphan said:
I see you solved? Checked some screen sizes & it looks fine
I did, thanks @tuanphan!
Although I'm still struggling with something, is there a way to exclude mobile browser navigation from the viewport height calculation? As you can see, the bottom of the section is being obscured by the browser on mobile.
-
12 hours ago, tuanphan said:
I think you should try changing it to Classic Editor section, we can make this flush easier
Done! Changed it to a Classic Editor section! Now what? 😁
-
I'm having this problem on the homepage of this site as well: https://cone-lion-8k4m.squarespace.com/ (password: hello)
Need the hoodie image to be flush with the bottom of the section, and the section to be 100vh on every device.
Thanks in advance! 🙏🏽
-
Site URL: https://clarinet-dove-c2p3.squarespace.com
Hey y'all! Having trouble getting the bottoms of both an Instagram Block and a Newsletter Block to line up in a Fluid Engine section. Using Fluid Engine to go full bleed, but with the way the instagram block handles spacing, it never lines up with the newsletter block next to it.
Thanks for the help!
-
Site URL: https://cone-lion-8k4m.squarespace.com
Hey y'all! Trying to figure out a way to have the text over the black circle inverted so that it's white over the circle, and black over the white section background - I've been messing around with mix-blend-mode CSS, but it seems totally unresponsive and has yielded zero results so far.
URL: https://cone-lion-8k4m.squarespace.com
Password: hello
Thanks everyone!
-
On 8/5/2022 at 7:23 PM, tuanphan said:
Which code did you use?
Unfortunately I gave up and reverted to just using a classic section and poster image blocks. Would love to see a solution for this on Fluid Engine though, as I use this functionality a lot 🤦🏽♂️
Working version is on adelska.com, the incomplete Fluid Section is still on https://bronze-sunfish-y8k7.squarespace.com, password “hello”
-
On 7/1/2022 at 1:18 AM, tuanphan said:
Your site is private. Can you setup password & share url again?
Trying to accomplish the same thing on the service thumbnail section above the fold on https://bronze-sunfish-y8k7.squarespace.com, password is “hello” 🙏🏽
I’ve gotten pretty far, but can’t for the life of me get the clickthrough link on the image to work 🤦🏽♂️
-
Having this problem as well! Anyone make any progress?
SS 7.1 - how to redirect only mobile devices to custom URL (duplicated desktop home page formatted for mobile devices only - fluid engine)
in Customize with code
Posted
Hey @tuanphan, is something like this possible for detecting only Android users?
I have a client trying to redirect users to a different page, but only if they're on an Android device. Thanks!