Wolfsilon
-
Posts
410 -
Joined
-
Last visited
-
Days Won
1
5 Followers
Recent Profile Visitors
1,174 profile views
Wolfsilon's Achievements
-
MeaganH reacted to a post in a topic:
Change order of Header Button & Cart Icon – Squarespace 7.1
-
Kate_B_ reacted to a post in a topic:
Change text margin size in accordion
-
The-Design-Order reacted to a post in a topic:
Bouncing scroll down indicator in Squarespace 7.1?
-
Beyondspace reacted to a post in a topic:
Gallery Slideshow to expand to Lightbox
-
jlede reacted to a post in a topic:
Changing the font of one section in Squarespace - HELP!
-
imdanielduncan reacted to a post in a topic:
Hover Effect on Gallery Images
-
Osman01 reacted to a post in a topic:
Bouncing scroll down indicator in Squarespace 7.1?
-
Obuchon reacted to a post in a topic:
Bouncing scroll down indicator in Squarespace 7.1?
-
Hi there, Could you please share a private link to your website so we can look? Thanks! Dan
-
Hi, Ghost Plugins is pretty legit, if you have the $20.00, I'd recommend purchasing the plugin. If you're familiar with Javascript, the animation is controlled based on the distance or presence of a section in the view-port. We can't really demo custom scripts on your website without developer access. If you really want to do this on your own. This code should be a good reference 😄 <script> const colors = ["", "lightCyan", "darkSkyBlue", "aquamarine", "electricBlue"]; const sections = [...document.querySelectorAll(".page-section")]; window.addEventListener("scroll", function () { const scrollFromTop = window.pageYOffset; for (let i = 0; sections.length > i; i++) { if (scrollFromTop <= sections[i].offsetTop) { document.body.className = colors[i]; break; } } }); </script> -
Hi, I'm assuming in your use-case you'd prefer the option be available immediately. If so, you'll need to remove the animation. An alternative strategy would be to place the print button at the end of the article. At that point, the entire page should be loaded when a viewer reaches it. Best, Dan
-
Different Social Links on Different Pages
Wolfsilon replied to alananybp's topic in Customize with code
Hi, Can you please share a link to your website so that we can take a look? Thanks. Best, Dan -
Mobile Not Displaying Title and Description Text in Galleries
Wolfsilon replied to 2birds's topic in Customize with code
Hi, Could you please attach a link to your private/public website so I can take a look? Best, Dan -
@Leanie Can you share a private link to your website so I can take a look? 🙂
-
Gallery Slideshow to expand to Lightbox
Wolfsilon replied to andrewlanglois's topic in Customize with code
You wouldn't be able to accomplish this natively. You'll want to look into a third-party plugin or custom Javascript. -
Wolfsilon reacted to a post in a topic:
Mobile color issue
-
Wolfsilon reacted to a post in a topic:
Mobile color issue
-
Wolfsilon reacted to a post in a topic:
Help with Navigation Link Spacing
-
tuanphan reacted to a post in a topic:
Help with Navigation Link Spacing
-
How to set specific aspect ratio for stacked image blocks in 7.0?
Wolfsilon replied to AWolf's topic in Customize with code
Sup! Are we long lost siblings? DWolf here... If it's critical to have them be a specific aspect ratio, you could always just edit each photo and set them at the desired AR using the Squarespace image editor or on external editing software. You're absolutely correct that 'hard-coding' the images would impact the dimensions on different screen-sizes. If you're familiar with coding, you could try to apply a global max-width and min-height and use relative units like "vw" "vmin"...etc to make this a bit more fluid. -
What a good band... Mad Season.... Anyways, you can control the background of the mobile navigation menu by navigating to the Site Styles panel. I believe there also used to be an option within the 'Edit Header' tool too. Just make sure you select the little mobile icon. Best, Dan
-
Hi, Unfortunately, with widgets like these you will need to adjust the code from the providers side. Perhaps they have a special customer support or Squarespace widget that you can use. Best of luck to you! Dan
-
Before the Fluid Engine roll out, I had found a workaround using the Squarespace 'tag' system. By the end of it, I gave up on coming up with a UI solution as a drop-down or 'sort-by.' But you can certainly "parse" the articles using tags! Best of luck to you!
-
The difficulty is that Squarespace will load everything immediately on render, this means it will also run the script you've shown above. If you're familiar with JS you can try to disable AJAX loading. In my opinion, the result of doing so is almost worse than if you left it on. The simplest solution is to avoid relying on inputs or interactions to fire an event, especially if we have no control over it. Similarly, because we have no control over the Form script, it'd be safe to assume we also can't adjust that code at that level either. I'd suggest building the 'webapp' yourself, if you're comfortable, or seeing if there's a third-party widget that you can use.
-
How to override text scaling on mobile for 7.1
Wolfsilon replied to lfang2's topic in Customize with code
If you're using the Fluid Engine grid layout, the desktop view and the mobile view can be individually edited. As for the scaling text. My suggestion would be to use a code specifically for mobile to prevent the text from scaling. Could trying using something like : @media only screen and (max-width: 749px){ h1 { font-size: 48px !important; } } -
Hi there, iFrames can be tricky when trying to customize further without having access to the widget itself. You can try using this code. Hope this helps! #block-yui_3_17_2_1_1667509689769_14831 .sqs-block-content div { width: 100vw !important; }
-
Hi there, Peace be with you. On my end everything looks good to me!
