-
Posts
836 -
Joined
-
Last visited
-
Days Won
1
Reputation Activity
-
ArminB got a reaction from tuanphan in Questions about styling nav menus & dropdowns
Hey again!
1) I guess you have different color themes on the pages so you have a different starting point based on the applied color theme
(top right the brush icon > COLORS)
You're already on the right track. also, check out ...--hover when moving your mouse over the folder items
2)
.header-nav .header-nav-item--folder .header-nav-folder-content {min-width: 0px;} should do it
-
ArminB reacted to JayVanDyke in Adjust iFrame in Lightbox
This isn't something you can adjust without having code level access to the page that's inside the frame. Is this your own page or from a third party service? Sometimes they have a little checkbox hiding in that final screen to copy your code to make it responsive, I know that airtable does that but without something like that you can't adjust the size of the frame based on the content inside it.
-
ArminB reacted to abbiericher in Grid gallery: resizing the images on mobile
Great! Thank you! Didn't think about hiding sections. Everything looks like I wanted now.
-
ArminB got a reaction from Ziggy in add read more next to plus on accordion block
Hey,
it could be something like:
.accordion-icon-container:before{ content: ‚BIO' !important}
-
ArminB reacted to paul2009 in POST request from other domain
This isn't something you can do on Squarespace.
Squarespace is a serverless platform so you cannot configure it to receive HTTP requests. If you want to use a third party API like this, you'll need to use a different web platform.
I appreciate this is not what you wanted to hear, but I hope this saves you lots of time looking for a solution that doesn't exist 🙂
Did this help? Please give feedback by clicking an icon below ⬇️
-
ArminB reacted to Beyondspace in How to show all description/captions on Slideshow Reel
Try adding to Home > Design > Custom Css
section[data-section-id="61c19e4ce004b941811a7828"] .gallery-caption { opacity: 1 !important; visibility: visible; margin-top: 0; } Let me know how it works on your site
Support me by pressing 👍 if this useful for you
-
ArminB got a reaction from tuanphan in Code to prevent mobile fallback image briefly showing before background video loads.
Hey!
Issue 1: Just make a screenshot of the first frame of the video and use this as the fallback. This should be a smoother experience.
Issue 2: Most browsers would block background video autoplay anyway so rather not 🙂
https://developer.chrome.com/blog/autoplay/
-
ArminB reacted to RebeccaBurt in Code to prevent mobile fallback image briefly showing before background video loads.
Brilliant! Why didn't I think of that. 🙂 Thank you
-
ArminB got a reaction from paul2009 in Code to prevent mobile fallback image briefly showing before background video loads.
Hey!
Issue 1: Just make a screenshot of the first frame of the video and use this as the fallback. This should be a smoother experience.
Issue 2: Most browsers would block background video autoplay anyway so rather not 🙂
https://developer.chrome.com/blog/autoplay/
-
ArminB reacted to Beyondspace in Can you make a product page scroll between products?
Have you tried using the summary block? The summary has the feature of Quick view that shows your product on lightbox and you can click next/ previous to see another product.
Quick view
After clicking quick view:
This block has a limit with 30 items only but you can use the Lazy Load Summaries Squarespace (squarewebsites.org) to get rid of it
If you need use this feature directly, not on lightbox, We need to have some customizations to work around it
-
ArminB got a reaction from mejiacasas in How to remove price, add to cart, and quantity choice from all product pages?
Hey!
For the product overview grid you can simply hide the pricing: (Section settings)
For the product detail page, you just need the following CSS
(add it to DESIGN > SITE STYLES > CUSTOM CSS
.product-price {display:none} .ProductItem-details .sqs-add-to-cart-button-wrapper {display:none}
if the quanity of each product is set to 1, there won't be a quantity input field but if I'm wrong, please just add the css class that you already have for that)
It's better to use the CSS injection istead of the header because you instantly see the result and can play with the code snippets
The result on our own page:
https://www.braunsberger-media.com/websites
-
ArminB reacted to TerryK in Zero Contrast - Artwork Shop for Musicians & Labels
Nice site.👍 Its looks great. Although my first impression was a dull grey page. You could consider integrating one of those amazing images to show clients what you offer right away.
-
ArminB reacted to Ziggy in Zero Contrast - Artwork Shop for Musicians & Labels
It's a good looking website! Clean and effective store design. The only suggestion I have (probably only a short-term "problem") would be to get rid of the blank space on the right under Managed Artists, the impression now is almost that you don't have many artists, if you fill that space you won't give that impression. Great website!
-
ArminB reacted to ksachse in Fixing Phantom Scroll Line on Mobile
Update: Squarespace looked deeper into the issue, and this seems to be a deep coding error within the theme and only controlled by Squarespace.
They are not offering support for the outdated 7.0 theme, so I'm having to start fresh on 7.1
I appreciate your help, @ArminB
-
ArminB got a reaction from BDelights in How to remove price, add to cart, and quantity choice from all product pages?
Hey!
For the product overview grid you can simply hide the pricing: (Section settings)
For the product detail page, you just need the following CSS
(add it to DESIGN > SITE STYLES > CUSTOM CSS
.product-price {display:none} .ProductItem-details .sqs-add-to-cart-button-wrapper {display:none}
if the quanity of each product is set to 1, there won't be a quantity input field but if I'm wrong, please just add the css class that you already have for that)
It's better to use the CSS injection istead of the header because you instantly see the result and can play with the code snippets
The result on our own page:
https://www.braunsberger-media.com/websites
-
ArminB reacted to paul2009 in Is Google Fonts ( and Maps) violating European GDPR? / How to install a custom Font with Squarespace ...
The team have provided an initial list of circumstances when a visitor to a Squarespace website will connect to a Google server. This will happen if any of the following are true:
Google fonts are used A reCAPTCHA is used on a Form Block, Newsletter Block, Promotional Pop-up or Product Waitlist. A Map Block is viewed A Form uses the Google Drive storage option. The site is connected to Google Analytics The site is connected to Google Search Console Note that this is not an exhaustive list (more to come).
Regarding fonts, note that in Squarespace 7.0 you can now choose GDPR-compliant fonts by clicking SET ALL TO SYSTEM FONTS at the bottom of the Site Styles panel. This replaces all the Google or Adobe fonts with system fonts. This is in addition to the font packs already available in 7.1.
-
ArminB got a reaction from sayreambrosio in Is Google Fonts ( and Maps) violating European GDPR? / How to install a custom Font with Squarespace ...
We've just been contacted by few EU client that received letters from shady law firms pushing for a payment of around $200 or more to settle the issue. At the beginning of 2022, Germany ruled the use of Google Fonts as a violation of the GDPR.
So far, I'm only aware of such letters in Germany and Austria yet but I believe this could happen in any EU country. I'm happy to open a discussion on this with best pratices. (inviting @paul2009 @KwameAndCo @colin.irwin @christyprice ....)I'm still not sure if replacing all fonts will 100% cut the bridge to a Google Server, but that what this post is here for, while I'm hoping to get a statement from Squarespace.
Here's a related article by @Centerliner that becomes more and more relevant
Here is a great, detailed German article:
https://calysto-marketing.at/dsgvo/abmahnungen-wegen-nutzung-von-google-fonts-durch-rechtsanwalt-mag-hohenecker-im-namen-von-frau-eva-zajaczkowska-21-8-2022/?moderation-hash=2584c485cf8b3c3908d420c174dfa888&unapproved=1&utm_source=pocket_mylist
While right adjustment to your privacy settings can cover this as well, here is a quick tutorial
______________
QUICK TUTORIAL
how to install a custom font on your website (instead of loading it from a third party server - this is also the same procedure if a client asks you to use their custom font on the website)
set all fonts to a system font (like Arial) - thanks to @Selistina for the comment 🙂 Get your font files ready (I mostly use .otf or .ttf as they work very well)
NOTE: if you want have "light" and "bold" or "strong" you need to have an individual font file for that
go to DESIGN > Custom CS
At the bottom you'll find "MANAGE CUSTOM FILES"
Just upload the font files
When you click one of your uploaded fonts it will paste the file path into your css (make sure this doesn't mess with your existing CSS
Example:
https://static1.squarespace.com/static/624ac8c48e016a33e668e7db/t/6257cda47c57db4f2bb5146f/1649921445359/MessinaSans-Bold.ttf Save those file links for later
Copy paste this CSS and give your uploaded fonts a NAME @font-face { font-family: 'SEMIBOLD'; src: url('https://static1.squarespace.com/static/624ac8c48e016a33e668e7db/t/6257ceb19301a214871b3282/1649921713264/MessinaSans-SemiBold.ttf'); } @font-face { font-family: 'REGULAR'; src: url('https://static1.squarespace.com/static/624ac8c48e016a33e668e7db/t/6257ce68e86b157650ac08a1/1649921641106/MessinaSans-Regular.ttf'); } @font-face { font-family: 'LIGHT'; src: url('https://static1.squarespace.com/static/624ac8c48e016a33e668e7db/t/6257cdbe9301a214871b2334/1649921471023/MessinaSans-Light.ttf'); }
Now you can individually apply those fonts to your website like this h1, h2, h3 {font-family: 'SEMIBOLD'} h4 {font-family: 'LIGHT'} h4 strong {font-family: 'SEMIBOLD'} p {font-family: 'LIGHT'} .Header-nav {font-family: 'SEMIBOLD'} .summary-title {font-family: 'SEMIBOLD'} .summary-read-more-link {font-family: 'SEMIBOLD'} Note: It's also possible to apply font weight settings (h4 is the light one and h4 strong is bold )
Please be aware that there are more font cases with your website ( e.g. .blog-title ... ) to this is not covering all of them
______________
-
ArminB got a reaction from tuanphan in Custom font not working Squarespace 7.1
Due to recent GDPR events, I just made a quick post on this matter
there is also a tutorial on how to install custom fonts. Maybe this is useful:
-
ArminB got a reaction from antovicodg in Is Google Fonts ( and Maps) violating European GDPR? / How to install a custom Font with Squarespace ...
We've just been contacted by few EU client that received letters from shady law firms pushing for a payment of around $200 or more to settle the issue. At the beginning of 2022, Germany ruled the use of Google Fonts as a violation of the GDPR.
So far, I'm only aware of such letters in Germany and Austria yet but I believe this could happen in any EU country. I'm happy to open a discussion on this with best pratices. (inviting @paul2009 @KwameAndCo @colin.irwin @christyprice ....)I'm still not sure if replacing all fonts will 100% cut the bridge to a Google Server, but that what this post is here for, while I'm hoping to get a statement from Squarespace.
Here's a related article by @Centerliner that becomes more and more relevant
Here is a great, detailed German article:
https://calysto-marketing.at/dsgvo/abmahnungen-wegen-nutzung-von-google-fonts-durch-rechtsanwalt-mag-hohenecker-im-namen-von-frau-eva-zajaczkowska-21-8-2022/?moderation-hash=2584c485cf8b3c3908d420c174dfa888&unapproved=1&utm_source=pocket_mylist
While right adjustment to your privacy settings can cover this as well, here is a quick tutorial
______________
QUICK TUTORIAL
how to install a custom font on your website (instead of loading it from a third party server - this is also the same procedure if a client asks you to use their custom font on the website)
set all fonts to a system font (like Arial) - thanks to @Selistina for the comment 🙂 Get your font files ready (I mostly use .otf or .ttf as they work very well)
NOTE: if you want have "light" and "bold" or "strong" you need to have an individual font file for that
go to DESIGN > Custom CS
At the bottom you'll find "MANAGE CUSTOM FILES"
Just upload the font files
When you click one of your uploaded fonts it will paste the file path into your css (make sure this doesn't mess with your existing CSS
Example:
https://static1.squarespace.com/static/624ac8c48e016a33e668e7db/t/6257cda47c57db4f2bb5146f/1649921445359/MessinaSans-Bold.ttf Save those file links for later
Copy paste this CSS and give your uploaded fonts a NAME @font-face { font-family: 'SEMIBOLD'; src: url('https://static1.squarespace.com/static/624ac8c48e016a33e668e7db/t/6257ceb19301a214871b3282/1649921713264/MessinaSans-SemiBold.ttf'); } @font-face { font-family: 'REGULAR'; src: url('https://static1.squarespace.com/static/624ac8c48e016a33e668e7db/t/6257ce68e86b157650ac08a1/1649921641106/MessinaSans-Regular.ttf'); } @font-face { font-family: 'LIGHT'; src: url('https://static1.squarespace.com/static/624ac8c48e016a33e668e7db/t/6257cdbe9301a214871b2334/1649921471023/MessinaSans-Light.ttf'); }
Now you can individually apply those fonts to your website like this h1, h2, h3 {font-family: 'SEMIBOLD'} h4 {font-family: 'LIGHT'} h4 strong {font-family: 'SEMIBOLD'} p {font-family: 'LIGHT'} .Header-nav {font-family: 'SEMIBOLD'} .summary-title {font-family: 'SEMIBOLD'} .summary-read-more-link {font-family: 'SEMIBOLD'} Note: It's also possible to apply font weight settings (h4 is the light one and h4 strong is bold )
Please be aware that there are more font cases with your website ( e.g. .blog-title ... ) to this is not covering all of them
______________
-
ArminB got a reaction from antovicodg in Custom font not working Squarespace 7.1
Due to recent GDPR events, I just made a quick post on this matter
there is also a tutorial on how to install custom fonts. Maybe this is useful:
-
ArminB got a reaction from AndreasZed in Is Google Fonts ( and Maps) violating European GDPR? / How to install a custom Font with Squarespace ...
@tuanphan prepared a full list
https://beaverhero.com/squarespace-71-css-list/
We're currently evaluating how the privacy disclaimer needs to be adjusted so this might not be neccessary...
@tuanphan while you're here. I'm not sure if overwriting all text classes 100% gets rid of this Google API at all? What's your opinion @WillMyers?
-
ArminB got a reaction from AndreasZed in Is Google Fonts ( and Maps) violating European GDPR? / How to install a custom Font with Squarespace ...
Thanks @paul2009 - I'm glad to hear that you're also looking into this. We'll share new info here.
-
ArminB got a reaction from christyprice in Is Google Fonts ( and Maps) violating European GDPR? / How to install a custom Font with Squarespace ...
We've just been contacted by few EU client that received letters from shady law firms pushing for a payment of around $200 or more to settle the issue. At the beginning of 2022, Germany ruled the use of Google Fonts as a violation of the GDPR.
So far, I'm only aware of such letters in Germany and Austria yet but I believe this could happen in any EU country. I'm happy to open a discussion on this with best pratices. (inviting @paul2009 @KwameAndCo @colin.irwin @christyprice ....)I'm still not sure if replacing all fonts will 100% cut the bridge to a Google Server, but that what this post is here for, while I'm hoping to get a statement from Squarespace.
Here's a related article by @Centerliner that becomes more and more relevant
Here is a great, detailed German article:
https://calysto-marketing.at/dsgvo/abmahnungen-wegen-nutzung-von-google-fonts-durch-rechtsanwalt-mag-hohenecker-im-namen-von-frau-eva-zajaczkowska-21-8-2022/?moderation-hash=2584c485cf8b3c3908d420c174dfa888&unapproved=1&utm_source=pocket_mylist
While right adjustment to your privacy settings can cover this as well, here is a quick tutorial
______________
QUICK TUTORIAL
how to install a custom font on your website (instead of loading it from a third party server - this is also the same procedure if a client asks you to use their custom font on the website)
set all fonts to a system font (like Arial) - thanks to @Selistina for the comment 🙂 Get your font files ready (I mostly use .otf or .ttf as they work very well)
NOTE: if you want have "light" and "bold" or "strong" you need to have an individual font file for that
go to DESIGN > Custom CS
At the bottom you'll find "MANAGE CUSTOM FILES"
Just upload the font files
When you click one of your uploaded fonts it will paste the file path into your css (make sure this doesn't mess with your existing CSS
Example:
https://static1.squarespace.com/static/624ac8c48e016a33e668e7db/t/6257cda47c57db4f2bb5146f/1649921445359/MessinaSans-Bold.ttf Save those file links for later
Copy paste this CSS and give your uploaded fonts a NAME @font-face { font-family: 'SEMIBOLD'; src: url('https://static1.squarespace.com/static/624ac8c48e016a33e668e7db/t/6257ceb19301a214871b3282/1649921713264/MessinaSans-SemiBold.ttf'); } @font-face { font-family: 'REGULAR'; src: url('https://static1.squarespace.com/static/624ac8c48e016a33e668e7db/t/6257ce68e86b157650ac08a1/1649921641106/MessinaSans-Regular.ttf'); } @font-face { font-family: 'LIGHT'; src: url('https://static1.squarespace.com/static/624ac8c48e016a33e668e7db/t/6257cdbe9301a214871b2334/1649921471023/MessinaSans-Light.ttf'); }
Now you can individually apply those fonts to your website like this h1, h2, h3 {font-family: 'SEMIBOLD'} h4 {font-family: 'LIGHT'} h4 strong {font-family: 'SEMIBOLD'} p {font-family: 'LIGHT'} .Header-nav {font-family: 'SEMIBOLD'} .summary-title {font-family: 'SEMIBOLD'} .summary-read-more-link {font-family: 'SEMIBOLD'} Note: It's also possible to apply font weight settings (h4 is the light one and h4 strong is bold )
Please be aware that there are more font cases with your website ( e.g. .blog-title ... ) to this is not covering all of them
______________
-
ArminB got a reaction from paul2009 in Is Google Fonts ( and Maps) violating European GDPR? / How to install a custom Font with Squarespace ...
We've just been contacted by few EU client that received letters from shady law firms pushing for a payment of around $200 or more to settle the issue. At the beginning of 2022, Germany ruled the use of Google Fonts as a violation of the GDPR.
So far, I'm only aware of such letters in Germany and Austria yet but I believe this could happen in any EU country. I'm happy to open a discussion on this with best pratices. (inviting @paul2009 @KwameAndCo @colin.irwin @christyprice ....)I'm still not sure if replacing all fonts will 100% cut the bridge to a Google Server, but that what this post is here for, while I'm hoping to get a statement from Squarespace.
Here's a related article by @Centerliner that becomes more and more relevant
Here is a great, detailed German article:
https://calysto-marketing.at/dsgvo/abmahnungen-wegen-nutzung-von-google-fonts-durch-rechtsanwalt-mag-hohenecker-im-namen-von-frau-eva-zajaczkowska-21-8-2022/?moderation-hash=2584c485cf8b3c3908d420c174dfa888&unapproved=1&utm_source=pocket_mylist
While right adjustment to your privacy settings can cover this as well, here is a quick tutorial
______________
QUICK TUTORIAL
how to install a custom font on your website (instead of loading it from a third party server - this is also the same procedure if a client asks you to use their custom font on the website)
set all fonts to a system font (like Arial) - thanks to @Selistina for the comment 🙂 Get your font files ready (I mostly use .otf or .ttf as they work very well)
NOTE: if you want have "light" and "bold" or "strong" you need to have an individual font file for that
go to DESIGN > Custom CS
At the bottom you'll find "MANAGE CUSTOM FILES"
Just upload the font files
When you click one of your uploaded fonts it will paste the file path into your css (make sure this doesn't mess with your existing CSS
Example:
https://static1.squarespace.com/static/624ac8c48e016a33e668e7db/t/6257cda47c57db4f2bb5146f/1649921445359/MessinaSans-Bold.ttf Save those file links for later
Copy paste this CSS and give your uploaded fonts a NAME @font-face { font-family: 'SEMIBOLD'; src: url('https://static1.squarespace.com/static/624ac8c48e016a33e668e7db/t/6257ceb19301a214871b3282/1649921713264/MessinaSans-SemiBold.ttf'); } @font-face { font-family: 'REGULAR'; src: url('https://static1.squarespace.com/static/624ac8c48e016a33e668e7db/t/6257ce68e86b157650ac08a1/1649921641106/MessinaSans-Regular.ttf'); } @font-face { font-family: 'LIGHT'; src: url('https://static1.squarespace.com/static/624ac8c48e016a33e668e7db/t/6257cdbe9301a214871b2334/1649921471023/MessinaSans-Light.ttf'); }
Now you can individually apply those fonts to your website like this h1, h2, h3 {font-family: 'SEMIBOLD'} h4 {font-family: 'LIGHT'} h4 strong {font-family: 'SEMIBOLD'} p {font-family: 'LIGHT'} .Header-nav {font-family: 'SEMIBOLD'} .summary-title {font-family: 'SEMIBOLD'} .summary-read-more-link {font-family: 'SEMIBOLD'} Note: It's also possible to apply font weight settings (h4 is the light one and h4 strong is bold )
Please be aware that there are more font cases with your website ( e.g. .blog-title ... ) to this is not covering all of them
______________
-
ArminB got a reaction from AndreasZed in Is Google Fonts ( and Maps) violating European GDPR? / How to install a custom Font with Squarespace ...
We've just been contacted by few EU client that received letters from shady law firms pushing for a payment of around $200 or more to settle the issue. At the beginning of 2022, Germany ruled the use of Google Fonts as a violation of the GDPR.
So far, I'm only aware of such letters in Germany and Austria yet but I believe this could happen in any EU country. I'm happy to open a discussion on this with best pratices. (inviting @paul2009 @KwameAndCo @colin.irwin @christyprice ....)I'm still not sure if replacing all fonts will 100% cut the bridge to a Google Server, but that what this post is here for, while I'm hoping to get a statement from Squarespace.
Here's a related article by @Centerliner that becomes more and more relevant
Here is a great, detailed German article:
https://calysto-marketing.at/dsgvo/abmahnungen-wegen-nutzung-von-google-fonts-durch-rechtsanwalt-mag-hohenecker-im-namen-von-frau-eva-zajaczkowska-21-8-2022/?moderation-hash=2584c485cf8b3c3908d420c174dfa888&unapproved=1&utm_source=pocket_mylist
While right adjustment to your privacy settings can cover this as well, here is a quick tutorial
______________
QUICK TUTORIAL
how to install a custom font on your website (instead of loading it from a third party server - this is also the same procedure if a client asks you to use their custom font on the website)
set all fonts to a system font (like Arial) - thanks to @Selistina for the comment 🙂 Get your font files ready (I mostly use .otf or .ttf as they work very well)
NOTE: if you want have "light" and "bold" or "strong" you need to have an individual font file for that
go to DESIGN > Custom CS
At the bottom you'll find "MANAGE CUSTOM FILES"
Just upload the font files
When you click one of your uploaded fonts it will paste the file path into your css (make sure this doesn't mess with your existing CSS
Example:
https://static1.squarespace.com/static/624ac8c48e016a33e668e7db/t/6257cda47c57db4f2bb5146f/1649921445359/MessinaSans-Bold.ttf Save those file links for later
Copy paste this CSS and give your uploaded fonts a NAME @font-face { font-family: 'SEMIBOLD'; src: url('https://static1.squarespace.com/static/624ac8c48e016a33e668e7db/t/6257ceb19301a214871b3282/1649921713264/MessinaSans-SemiBold.ttf'); } @font-face { font-family: 'REGULAR'; src: url('https://static1.squarespace.com/static/624ac8c48e016a33e668e7db/t/6257ce68e86b157650ac08a1/1649921641106/MessinaSans-Regular.ttf'); } @font-face { font-family: 'LIGHT'; src: url('https://static1.squarespace.com/static/624ac8c48e016a33e668e7db/t/6257cdbe9301a214871b2334/1649921471023/MessinaSans-Light.ttf'); }
Now you can individually apply those fonts to your website like this h1, h2, h3 {font-family: 'SEMIBOLD'} h4 {font-family: 'LIGHT'} h4 strong {font-family: 'SEMIBOLD'} p {font-family: 'LIGHT'} .Header-nav {font-family: 'SEMIBOLD'} .summary-title {font-family: 'SEMIBOLD'} .summary-read-more-link {font-family: 'SEMIBOLD'} Note: It's also possible to apply font weight settings (h4 is the light one and h4 strong is bold )
Please be aware that there are more font cases with your website ( e.g. .blog-title ... ) to this is not covering all of them
______________