Jump to content

victory_over_all

Circle Member
  • Posts

    38
  • Joined

  • Last visited

Everything posted by victory_over_all

  1. To anyone having issues with this who cannot add code through the Code Injection due to being on a personal plan: Make sure that you add the code posted above by @tuanphan and others into a Markdown Block in the footer of your site. This needs to be in the footer, and not in any other part of your page. I think this is because it needs to exist on all pages of your site to work correctly. I tried adding the Markdown Block to the home page originally, but this didn't work. So place it in the footer, but don't worry about where in the footer, as it won't be visible.
  2. @tuanphan Thank you! It works 🥳🌟🎉 I added the exact code above to the footer, in a Markdown Block, as described. Tested immediately in Safari on macOS, and it worked 👍 For some reason I thought that adding JavaScript wasn't possible in sites on a Personal Plan, even in Markdown blocks. No idea why I've thought that for so long, it's great to see that it's possible!
  3. I'm having an issue with anchor links on the following site: https://carolechevalier.co.uk On the site linked above, there are links in the Services section which link to particular sections of the English and French Services pages. These links work as intended when testing in the following browsers: ✅ Chrome and Firefox on desktop (macOS) ✅ Chrome on Android But they don't work in the following browsers, instead they send the user to the top of the linked page: ❌ Safari on desktop (macOS) ❌ Chrome and Safari on iPad The template used is Brine, I've turned off Ajax loading through the site styles, the sections I'm linking to are sections within index pages so I'm using their unique id as recommended by Squarespace, "www." prefix has been turned off and I've made sure that the URLs don't include the "www.", and the URLs have a / between the page slug and the #. I've tried a few different ways of writing the URLs, and I've tried using simple code blocks with an empty div and giving that an id instead of using the section id, but each time the result is the same: Works in some browsers, but not in others. Anybody found a fix or workaround yet? I've searched, but a lot of the solutions use code injection, which I can't do as the site is on a Personal plan. Edit: My post was merged with this topic, and it seems like we're all facing the same issue. Safari might not be the only problem though, as I'm seeing it in Chrome on iPad too. To rule out old 7.0 Squarespace sites being the issue, I've also tested on my own site, which is built on 7.1 Fluid Engine, as seen on the following page: https://www.victoryoverall.co.uk/anchor-link-page Each button should link to the relevant section on another page, but the issue persists.
  4. Have there been some changes to how some font sizes are being calculated in 7.1/Fluid Engine sites? I know there were changes announced on the Circle forum to how the CSS for fonts is structured, but nothing in that seemed to mention changes to actual font styling. After changing some images on my site, I noticed some other unintended changes happened to the font sizes of my Scrolling Marquee and Button blocks. I hadn’t touched the font styling, or introduced any custom CSS that would affect font sizes, so I’m guessing Squarespace pushed some under-the-hood changes. Scrolling Marquee Blocks The Scrolling Marquee now doesn’t scale with the viewport/browser size. Previously, this block was using this CSS for it’s sizing, which adapts the font size using the viewport width in a calculation, but now is using a straight forward value for the font size. Before: font-size: calc((var(--marquee-font-size-value) - 1) * 1.2vw + 1rem) !important; Now: font-size: 3rem; Button Blocks Conversely, Button blocks used to use a straight up font size, but they now seem to use the same kind of calculation that the Scrolling Marquee block used to use. Before: font-size: 22px; Now: font-size: calc((var(--primary-button-font-font-size-value) - 1) * 1.2vw + 1rem); One thing I did notice when investigating, is the font sizes for my Primary and Secondary Buttons was changed to 1.571428571428571rem in the styling editor. I've never manually set this to such an odd value, so it looks like it was automatically changed at the same time as the CSS changes detailed above. I may have manually entered 22px previously, as I sometimes use a different type of value than what's shown by default (px instead of rem, like in this instance) and 22px is 1.5714... times bigger than my site's base font size of 14px. I've not dug any deeper so I'm not sure if there have been any other changes to font sizes, but I'm curious to see if anyone else has noticed similar changes?
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.