christyprice

Site URL: https://villageacupuncture.squarespace.com/treatments
When I expand an accordion (Adjunct Therapies section), the text block next to it also gets pushed down. Does anyone know how to fix this?
villageacupuncture.squarespace.com/treatments  pw: va2022

@3dpotter you can look under Analytics > Site Content and see the number of views per page. In the upper right of the screen you can change the timeline for the analytics.

THANK YOU!!!!!!! That was it. There was a code black in the footer that stopped working and created the problem. I believe it is fully fixed. That was so helpful. I really appreciate your time.
 

LOVE the new accordion block. @ghostpluginshas some great free Custom CSS for it too.
I did a quick video walkthrough of styling options here (there are some that are kinda hidden, like the description width): https://christyprice.com/blog/how-to-add-accordion-squarespace

Thank you, thank you!

There’s a setting for that (it’s kind of hidden) - this post walks you through it: https://christyprice.com/blog/squarespace-accordion-block-width

Thank you so much for the help @chrisyprice 

@christypriceTHANK YOU! You've been an immense help! 

@aaronsydecar yes - I use the first plugin linked here to find it: https://christyprice.com/blog/chrome-extensions-squarespace-designers

@SunnyHung, I have a video on a workaround that allows you to add buttons to slideshows. 
 

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

______________


 

Sorry, @christyprice, I just realised that I didn't reply to thank you. Your suggestion worked!
Thank you!

Hi! Try a couple of tweaks to your code when adding it to the page injection. This targets paragraph text, but not headings:
<style> p a { color:#c10000 !important; } </style>

@AudraF try this instead
.gallery-section .gallery-caption p { font-family: 'Louis George Cafe' !important; }  

@AudraF try this instead
.gallery-section .gallery-caption p { font-family: 'Louis George Cafe' !important; }  

See this existing thread:
 

@AudraF try targeting .portfolio-grid-overlay .portfolio-title instead
 

@christyprice thanks so much for sharing! I'll look into that. I did find out that having the sticky nav (static) turned on makes the header repeat on each page...thus taking up space on page and pushing everything down. ALSO learned that you have to be sure to have "print background images" turned ON  in your print screen in order for SS elements to print. OH and change the layout to landscape....AND print at a scaled down size....like 75%....this will decrease the background elements which in turn allows you to get more on your page. 

Needless to say, this has been brutal. But I learned something right? 🙃
With those changes in place, this is what I ended up with.....
 

Hey @christyprice thanks for the idea. I'll give that a try. And thanks @creedon you could be right. My clients will just have to cope with whatever font I can make work for them. I wouldn't mind so much if I wasn't trying to recreate the site to be identical for them. 
 
Cheers guys!

Hi @MadebyMarkham. I'm seeing exactly what you see. Unfortunately, I don't have a solution for you... but I'm wondering if this might be a bug with Fluid Engine? Have you tried recreating that section in Classic Editor?

I had to change to grid instead of carousel for it to work! So strange!!
Thank you so much for your help!

Have you tried selecting the crop option in the block design settings? I'm wondering if that might be a quick fix.

Squarespace are introducing a new editing experience on version 7.1 sites called Fluid Engine. Fluid Engine sections are different to the Classic sections that you may be familiar with.
For example, block specific animations are not available on Fluid Engine sections. To use block specific animations, you will need to add a classic section to the page and then add Image Blocks to this section using the classic editor.
You'll find classic sections at the very bottom of the list when you add a section:

Was this post helpful? Please give feedback by clicking an icon below  ⬇️

Looks like this is just what I need. Thank you so much! 

LOVE the new accordion block. @ghostpluginshas some great free Custom CSS for it too.
I did a quick video walkthrough of styling options here (there are some that are kinda hidden, like the description width): https://christyprice.com/blog/how-to-add-accordion-squarespace