Vigasan

@JeroenB @rosieames I posted a quick guide to help you add the year to Squarespace 7.1 blog posts:
https://sf.digital/squarespace-solutions/date-styles-on-squarespace-71-blog-posts
Let me know how you get on.

Add a code block anywhere you want the button to appear, and add this inside.
<button onClick="window.print()">Print</button> You can also add classes to the button if you want to style it like your Squarespace buttons.

When you pick a font, it doesn't add any unique identifiers to classes, so it would be difficult to target elements that have specific fonts assigned.
I'm fairly sure this won't work on 7.1, but you can give it a shot (I haven't tried yet).
https://www.squarewebsites.org/blog/how-to-add-custom-fonts-to-squarespace-site

For the flip effect, there's some great free code here: https://codemyui.com/3d-card-flip-hovering-text/

When you add custom fonts with code, it won't show up in places where you select fonts, you have to use CSS to assign the font manually (like the last line of your code).

Right now your text is copied and pasted from a document, so instead of a space, it's using "&nbsp;". You can fix this by either manually typing the text out, or you can also try highlighting all the text and try clicking REMOVE FORMATTING.

Right now your text is copied and pasted from a document, so instead of a space, it's using "&nbsp;". You can fix this by either manually typing the text out, or you can also try highlighting all the text and try clicking REMOVE FORMATTING.

Thank you!

Thank you @Vigasan! That worked.

Try this code
@media only screen and (max-width: 640px) { #block-yui_3_17_2_1_1697227978381_390812 .sqs-gallery-design-grid-slide, #block-yui_3_17_2_1_1697141864237_189679 .sqs-gallery-design-grid-slide{ width: 33.33% !important; clear: none !important; } }

Yes you can, just add it like a regular link, and it'll be your website with /account/login at the end. So something like www.website.com/account/login

Keep in mind that this will take people to your home page with the login popup open.
https://support.squarespace.com/hc/en-us/articles/115012777327-Customer-accounts#toc-manually-create-a-sign-in-link

The title will also appear in SEO settings if you add code. Why not just do that all in photoshop and save it as a png logo and upload that instead? No code required.

Add this to CUSTOM CSS. The nth-child(1) and nth-child(2) tells the code to make the 1st and 2nd items 50% width, so if you want other items to also be that width, just continue adding numbers as needed. The code is also set to only work on desktop/tablet and exclude mobile so it'll default to the 1 item per column on mobile.
/* Edit 1st and 2nd item to take up half the width each */ @media screen and (min-width: 768px){ [data-section-id="62bcca449ab7dc3cf5f03996"] { .portfolio-grid-overlay { grid-template-columns: repeat(6, 2fr) !important; } .portfolio-grid-overlay .grid-item{ grid-column: span 2 !important; } .portfolio-grid-overlay .grid-item:nth-child(1), .portfolio-grid-overlay .grid-item:nth-child(2){ grid-column: span 3 !important; } } }  

Nice set of plugins there! Added some of them to my blog 😊

We have plugins for Squarespace such as the following:
Add to Cart Animation Age Verification Automatic Table of Contents Set Blog Thumbnail as the Banner Image Button Animations Squarespace Dark Mode Gallery Filter Gallery Title on Hover Portfolio Filter Rotating Words Scrolling Portfolio Images Vertical Alignment If you have any questions, feel free to message me. If you have ideas for plugins, definitely let us know and we'll see what we can do 🙂

Unfortunately since the payment processing is actually through Stripe/PayPal, that's not something you'll be able to do at the moment, at least not until Squarespace lets you add more than one account for each processor, which I doubt is a priority.

Yup that'll work. In order to use Playfair Display in CSS, it has to be selected as a font for something else so that Squarespace loads the font onto the website first.

thank you - i did this just for the contact&location page and it works great!

I personally wouldn't use spacers, you can use CSS to set a max width on your content instead. You can use the following code in DESIGN > CUSTOM CSS to apply to all pages, or wrap it with <style> before and </style> after and put in in specific page headers.
.site-page{ max-width: 1200px; } You could also use CSS to hide spacers on tablet but then you'll have to target the .sqs-col-8 and make it 100% width as well.

Same with gallery blocks and sections. Just happened last night.

I think it's a bug, all alt text is also not showing on gallery blocks and sections.

Same with gallery blocks and sections. Just happened last night.

There were quite a few people running into the problem so here's a quick tutorial that should help. 🙂
 

 

Hey Hollie, the easiest way to do this is to upload both the mobile and the desktop images, then hide the incorrect one as needed with custom CSS. Or you could even set up a whole section for desktop and another section for mobile, and hide each section as needed.

There were quite a few people running into the problem so here's a quick tutorial that should help. 🙂