usingmyhead

I have reported this same problem.

Try adding to Design > Custom CSS
div#block-yui_3_17_2_1_1680602460829_8673 * { transform: unset !important; opacity: 1 !important; transition-delay: unset !important; transition: unset !important; }  

Hi @AmandaCB29
Portfolio Pages are a fairly new addition to Squarespace (in 7.1) and so haven't been fully incorporated into the Squarespace ecosystem yet. They aren't very scalable (maximum of 60 sub-pages) and aren't very flexible because they don't have full "collection" status yet. This means they cannot be connected to Summary Blocks, Search Blocks, and so on.
Before Portfolio Pages came along, the workaround was to use Blog Pages to present portfolios and projects. They're more flexible and far more scalable - and they have full "collection" status. The downside is that, as you've found, you'll need to know a little styling code ("custom CSS") to tweak them to look like pages and not blog posts.
Regarding how to format a blog page without affecting your actual blog page/posts, I've posted on this forum (as have many others!) many times about using blog posts for this purpose ("Frankenblogs" 🤣 as @usingmyhead once described them to me) so you may find posts describing this. That said, they don't always "jump out" when you search for them! If you'd like specific help with this, please post back with a link to your Frankenblog page, and details of what you want to change. We (forum users) can then provide you with more specific advice 🙂.
Regarding search, the built in search feature is somewhat outdated and unreliable, but I'll let you test this for yourself. You may be lucky. If it doesn't work for you then I do recommend using a third party addon called Universal Filter (written by another Circle member). It's a paid plugin but it will allow the collection to be searched and filtered, making it easier for users to use a directory. I use it all the time for "Frankenblogs" and directories.
Did this help? Please give feedback by clicking an icon below  ⬇️

This is not possible. There are Lulu Direct integrations available for Shopify and WooCommerce, but not for Squarespace. Also, the Lulu Press API cannot be used with Squarespace. 

Here you go:
 

Populating the SEO titles is no bad thing to do; the field is there in case you want Google to show something different from the Page Title. The Page Title appears as the name of the browser tab when folks are viewing your web page, and it also appears as the bookmark if they bookmark/favourite that page.
By default, Google will pull whatever is set as the Page Title, unless you fill in the SEO title. Since whatever Google pulls from your page will appear as the link in the Google search results, sometimes people choose to use the SEO title include keywords or create a more compelling phrase that will make people want to click. For example:
About Miko Coffey (Page Title)
About Miko Coffey - Squarespace Expert, Designer & Trainer in London (SEO Title)
 

There is also currently a bug on Squarespace 7.1 where it is setting the layout name as the SEO title. I made a video and discuss this problem here: 
 
 

I would have started coding without even checking for sure... 🤦‍♂️

...and never more shocked than me to discover that something is built in and doesn't require code 😲

Massive FACEPALM 🤣

This is a built-in feature 🙂

Squarespace released an Accordion Block a few weeks ago.
Here are some useful code when you use the accordion block (Add to Design > Custom CSS)
#1. Change Dividers Color
/* accordion divider color */ .accordion-divider { color: #ff00ff !important; } #2. Change Arrows Color
/* accordion arrows color */ .accordion-block .arrow { border-color: #ffff00 !important; } #3. Add icons before Accordion Titles
/* Accordion icons before titles */ li.accordion-item .accordion-item__title:before { content: ""; width: 20px; height: 20px; display: inline-block; background-repeat: no-repeat; background-size: contain; background-position: bottom center; } li.accordion-item:nth-child(1) .accordion-item__title:before { background-image: url(https://cdn.pixabay.com/photo/2021/11/02/15/30/tealights-6763542__340.jpg); } li.accordion-item:nth-child(2) .accordion-item__title:before { background-image: url(https://cdn.pixabay.com/photo/2019/10/23/06/30/hamburg-4570577__340.jpg); } li.accordion-item:nth-child(3) .accordion-item__title:before { background-image: url(https://cdn.pixabay.com/photo/2021/02/17/08/02/woman-6023442__340.jpg); } #4. Different Color for Accordion Titles
/* accordion title colors */ li.accordion-item:nth-child(1) .accordion-item__title { color: red; } li.accordion-item:nth-child(2) .accordion-item__title { color: blue; } li.accordion-item:nth-child(3) .accordion-item__title { color: violet; } #5. Change a specific word color in Accordion Content
First make it bold then use this CSS
/* accordion content specific word color */ .accordion-item__description strong { font-weight: normal; color: red; } #6. Accordion Title Background Color
/* accordion title background */ .sqs-block-accordion .accordion-item__title-wrapper { background-color: #32a4e6; } #7. Accordion Content Background
/* accordion content background */ .sqs-block-accordion .accordion-item__dropdown--open { background-color: #262853; color: white; } #8. Add Unordered List in Accordion Content
First, add some text then Underline them

Next, use this CSS
/* Accordion Content - Add Unordered list */ span[style*="text-decoration"]:before { content: ""; display: inline-block; width: 3px; height: 3px; background-color: black; vertical-align: middle; margin-right: 3px; } span[style*="text-decoration"] { text-decoration: none !important; } #9. Accordion Titles – Add Line Break
If you use a Business Plan or higher, you can use another approach in this comment
/* Accordion SubTitle */ li:nth-child(1) span.accordion-item__title:after { content: "Accordion Subtitle 01"; display: block; font-size: 15px; } li:nth-child(2) span.accordion-item__title:after { content: "Accordion Subtitle 02"; display: block; font-size: 15px; } li:nth-child(3) span.accordion-item__title:after { content: "Accordion Subtitle 03"; display: block; font-size: 15px; } Result

#10. Accordion Title-Content Text Size on Mobile only
/* accordion title - content text size on mobile */ @media screen and (max-width:767px) { /* accordion title */ span.accordion-item__title { font-size: 12px !important; } /* accordion content */ .accordion-item__description * { font-size: 10px !important; } } #11. Simple Style 01
Add a Code Block under Accordion >> Use this code
<style> /* accordion title color */ .accordion-item__title-wrapper { background-color: #1a252f; color: white; padding-left: 20px !important; padding-right: 20px !important; } .accordion-item__click-target { padding-top: 15px !important; padding-bottom: 15px !important; } /* make first item round corner */ li.accordion-item:first-child .accordion-item__title-wrapper { border-top-left-radius: 10px; border-top-right-radius: 10px; } /* make last item round corner */ li.accordion-item:last-child:not[data-is-open="true"] .accordion-item__title-wrapper { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } /* remove divider between accordion items */ .accordion-divider { display: none; } /* accordion content padding */ .accordion-item__description { max-width: unset !important; padding: 20px !important; } /* arrows color */ .plus>div { color: white !important; } </style>
Coming soon.
#12. Accordion Content Link Style
/* Links underline */ div.accordion-item__description p a { border-bottom: 1px solid black; } /* Links font style */ div.accordion-item__description p a { color: red !important; font-size: 30px; font-family: monospace; letter-spacing: 2px; } #13. Add a button inside Accordion Content
First, you need to add a text link. Next, add this CSS to turn link to button
/* turn accordion link to button */ div.accordion-item__description p a { background-color: black; color: white !important; padding-left: 10px; padding-right: 10px; padding-top: 15px; padding-bottom: 15px; border-color: red; border-width: 1px; border-style: solid; } #14. Add an Image inside Accordion Content
Use this CSS to add image to top or bottom of accordion content
/* Add an image into Accordion Content */ /* replace demo image with your image url */ /* nth-child(1) is first accordion item, nth-child(2) is second item... */ /* :before is image on top, :after if image on bottom */ li:nth-child(1) .accordion-item__description:before { content: ""; display: block; width: 100%; /* image width, you can also use px */ height: 150px; /* image height */ background-image: url(https://cdn.pixabay.com/photo/2021/09/15/15/48/seals-6627197__340.jpg); background-repeat: no-repeat; background-size: cover; margin-bottom: 20px; /* space between image-text */ } #14.2. Add Image to Accordion Content (Use JS code)
Suppose you want to add this image 
https://cdn.pixabay.com/photo/2023/11/28/08/53/skyscraper-8416953_1280.jpg First, you edit Accordion >> Put your cursor at position where you want to add image >> Then enter text: image01

Next, add this code to Website Tools (under Not Linked) > Code Injection > Footer
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $('div.accordion-item__description p:contains("image 01")').closest('p').addClass('image-01'); $('<img src="https://cdn.pixabay.com/photo/2023/11/28/08/53/skyscraper-8416953_1280.jpg"/>').appendTo('.image-01'); }); </script> <style> .image-01 { font-size: 0; } </style> Result

If adding 3 images, doing this



and use this code
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ // image 01 $('div.accordion-item__description p:contains("image01")').closest('p').addClass('image-01'); $('<img src="https://cdn.pixabay.com/photo/2023/11/28/08/53/skyscraper-8416953_1280.jpg"/>').appendTo('.image-01'); // image 02 $('div.accordion-item__description p:contains("image02")').closest('p').addClass('image-02'); $('<img src="https://cdn.pixabay.com/photo/2023/11/07/10/06/girl-8371776_1280.png"/>').appendTo('.image-02'); // image 03 $('div.accordion-item__description p:contains("image03")').closest('p').addClass('image-03'); $('<img src="https://cdn.pixabay.com/photo/2023/10/02/14/51/flowers-8289320_1280.png"/>').appendTo('.image-03'); }); </script> <style> [class*="image-0"] { font-size: 0; } </style> #14.3. Add Image to Accordion Content
You can also use this approach
Enter Image Url 

highlight the text url > Add same image url (enable Open in New Window)

then use this code to Code Injection or Page Header Code Injection
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $('div.accordion-item__description p a:contains(".jpg")').each(function() { var $t = $(this); $(this).contents().filter(function(){ return this.nodeType != 1; }).remove(); $t.attr({ src: $t.attr('href') }) .removeAttr('href target'); $(this).replaceWith(function(){ return this.outerHTML.replace("<a", "<img").replace("</a", "</img") }); }); }); </script> <style> div.accordion-item__description img { width: 100%; margin-top: 10px; } </style>  
#15. Change Plus/Minus (+/-) to custom icon
Replace demo image urls with your icon urls
/* Plus */ :not([data-is-open="true"]) .plus { background-image: url(https://cdn.pixabay.com/photo/2021/02/06/09/03/man-5987447__340.jpg) !important; background-size: contain; background-repeat: no-repeat; } :not([data-is-open="true"]) .plus div { display: none; } /* Minus */ [data-is-open="true"] .plus { background-image: url(https://cdn.pixabay.com/photo/2021/12/12/22/17/red-squirrel-6867105__480.jpg) !important; background-size: contain; background-repeat: no-repeat; } [data-is-open="true"] .plus div { display: none; } #16. Change style of a word on Accordion Title
See this comment

Wrote by @tuanphan

@ChrisSE I've figured out a way to do this.
Open up the Squarespace app and click on 'Edit' in the top right corner, then click the paintbrush icon. Click on 'Colours', then 'Site Theme'. From here you can set the default theme for the site.
Crazy that this workaround is needed. Here's to hoping that Squarespace add this back in again soon.

I have a workaround that I use for my UK clients who need to charge more for shipping to Scottish Highlands & Islands (for example) - it could be used for any region. You can use Product Variants to fudge the system. You can see an example and explanation of the steps here:
https://www.square-help.com/products/va-va-voom
P.S. @Beth_King You could create a Service product in a hidden page to charge the shipping for that person who bought without the shipping charge being added. Just set the price to be whatever the shipping was, and send them the link to pay (if you want to). Service products can be used to charge for anything - shipping, surcharges, deposits, whatever.

I have a workaround that I use for my UK clients who need to charge more for shipping to Scottish Highlands & Islands (for example) - it could be used for any region. You can use Product Variants to fudge the system. You can see an example and explanation of the steps here:
https://www.square-help.com/products/va-va-voom
P.S. @Beth_King You could create a Service product in a hidden page to charge the shipping for that person who bought without the shipping charge being added. Just set the price to be whatever the shipping was, and send them the link to pay (if you want to). Service products can be used to charge for anything - shipping, surcharges, deposits, whatever.

This is unbelievable.  A message like this belongs in a privacy or cookie policy, a website builder should never FORCE us to display it like this on our websites. It completely disregards design asthetics and our autonomy as business owners.
Do other email providers do this as well?

Previously, you had the option of using an ugly, visible reCAPTCHA on your Newsletter Block, or you could simply not have one.
However, Squarespace have now taken the unilateral decision to add an invisible reCAPTCHA to every Newsletter Block - whether you want one or not. This means that if you use a Newsletter Block you'll now see this ugly disclaimer message, in addition to the disclaimer message that you may have added yourself. The message is that required by Google as part of the terms & conditions, and explains to users that Google cookies will now be used. 
I don’t like the fact that you cannot (currently) disable the invisible reCAPTCHA nor set the style of the messaging to make it less ugly. I've provided this feedback to the team. If you also have concerns about these changes I recommend that you get in touch with Squarespace Customer Care. You can reach out to them here. The more they hear from customers, the more likely they are to take our views into consideration.

I have a workaround that I use for my UK clients who need to charge more for shipping to Scottish Highlands & Islands (for example) - it could be used for any region. You can use Product Variants to fudge the system. You can see an example and explanation of the steps here:
https://www.square-help.com/products/va-va-voom
P.S. @Beth_King You could create a Service product in a hidden page to charge the shipping for that person who bought without the shipping charge being added. Just set the price to be whatever the shipping was, and send them the link to pay (if you want to). Service products can be used to charge for anything - shipping, surcharges, deposits, whatever.

Sorry to pile on, I have not only speed/slowness issues but a hard time placing blocks. This never gave me any trouble up until a few months ago (seemingly at the same time some updates came through). 
Creating columns by placing text blocks next to each other seems all but impossible. Although the indicator (vertical or horizontal line) indicates while dragging the block the landing zone is right next to some other block, it invariably places itself above or below - not next.
Additionally, the handle to grab a block (small black rectangle in middle top) does not become visible when I click/highlight/activate a block or hover over it. The only way to show that handle seems to click the right top corner first (in case of a text block that shows 'text' in blue).
Very frustrating.

Ditto to all of these issues. The lagginess cropped up in recent months whenever Squarespace switched to blue lines that pop up when doing hover editing, etc., instead of the black lines that used to appear for me.

Add to Home > Design > Custom CSS
@media screen and (max-width:767px) { .gallery-fullscreen-slideshow[data-width="full-bleed"] { height: 15vh !important; } }  

Add to Home > design > custom CSS
@media screen and (min-width:768px) { /* hide navigation */ .header-nav { display: none; } /* Hide header button */ .header-actions { display: none; } /* show burger */ .header-burger { display: flex; } /* Show overlay mobile menu */ .header--menu-open .header-menu { opacity: 1; visibility: visible; } }