wallacewebdesign

In addition to the two sets of CSS supplied by @Beyondspace above I added the following:
/*Reduce Bottom Margin of Blog Item Top Wrapper */ .blog-item-wrapper .blog-item-top-wrapper { margin-bottom: -18px !important; /* SQS default set at 70px */ } In my case there was a large space above where the Tags were displaying. I massaged it to -18px so it looked good in my case. Others' experience may differ, adjust accordingly.
Note that I do realize that the space between a Blog Post Title and the top of the Blog Post Content is controlled by the Edit Section "Header Spacing" slider, that slider has a bottom limit of 10px. So, even accounting for that there was still too large a gap for what I wanted. I decided to keep the CSS I used above and not have to adjust that Header Spacing slider for each blog post, one less thing to remember.
Thanks to @Beyondspace for the code. I appreciate it.

You can use this additional code
.blog-meta-item.blog-meta-item--tags { display: flex; justify-content: center; } Support me by pressing 👍  or marking as solution if this useful for you

With the basic Css code, you can use the following code on Home > Design > Custom Css
.blog-item-content-wrapper { display: flex; flex-direction: column; } .blog-item-content-wrapper .blog-meta-item.blog-meta-item--tags { order: 1; } .blog-item-content-wrapper .blog-item-content.e-content { order: 2; } .blog-item-content-wrapper .blog-item-injection { order: 3; } .blog-item-content-wrapper .blog-item-author-profile-wrapper { order: 4; } Here is the simple result

If you need it is under the title (Lombok), we need use some javascript code, which is only available on business plan, to move tags to the right place as you wish

Yes, I use the amazing SquarespaceWebsites Tools PRO Chrome Extension. It's a game changer and can migrate all blog content (although not comments). Alternatively, you can hire someone to migrate it for you 🙂.
The problem with migrating from 7.0 to 7.1 is that there is so much that must be recreated manually. For example:
Uploaded files cannot be migrated. You will need to manually upload each file to the new site and then reconnect each link. Subscriptions (including memberships) cannot be migrated.  Digital product purchases cannot be migrated, preventing customers from re-downloading their digital purchases.  Customer accounts and profiles cannot be migrated. Squarespace Email Campaigns cannot be migrated. Squarespace Scheduling cannot be migrated. Backend data cannot be migrated. This means that you will not be able to look back at analytics data, customer accounts or historical order data.  Commerce settings and payment processors cannot be migrated.  Product reviews cannot be migrated. Squarespace Extensions cannot be migrated.  Digital products cannot be migrated.  Index pages cannot be migrated. The URL slug of individual product detail pages will change. Squarespace 7.1 site headers are more restrictive. Custom code must be re-written. Third-party plugins may need to be repurchased for Squarespace 7.1. Did this help? Please give feedback by clicking an icon below  ⬇️

Hi,
It looks like you are adding to Design > Custom CSS
You need to Add to Settings > Advanced > Code Injection > Footer

Add to Code Block
<div id="google_translate_element"></div> <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element'); } </script>  

Thanks Tuanphan!!! As usual you've got pretty much exactly what I needed and have been a life-saver. Thank you, thank you, thank you!
I had changed Call to Action button to a search block (found that trick elsewhere) and on mid-width displays the nav-menu was overlapping the search button.  Using your code I was able to increase the width at which the hamburger menu displayed, thus preventing overlap.
I had to make one change in order to have your code work in my situation. I changed "min-width" to "max-width". With that one change and no other changes it worked perfectly (other than experimenting until I found the width I needed it set to).

Thank you. I just tweaked your code to work on my site, 7.1
Here is code
/* 768 for tablet - desktop - 992 for desktop */ @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; } }  

I too would like to be able to setup variable payment (not a donation) through a squarespace-based website. As it is the only way I know of is to use a PayPal account (or other third-party payment processor), create a payment page on the Squarespace-based website, and include a Pay Now button on that page. PayPal does have an option to accept variable payment, it's been a while, don't remember how hard it was to find that option, but I did find that option.
In this case, my client is a food based business and they would like to be able to accept payment for catering jobs directly through their Squarespace website.
I have submitted a feature request to Squarespace Support.

Site URL: https://www.mortiseandmiter.com/
Hello to all!
When I need to make a payment for a service to a vendor or my business attorney, I can go to a website, enter the amount due, payment info, and it's done.
When I tried to create a commerce page solely for that purpose, even with a custom form allowing a customer to enter a price, the price remans zero at checkout because I have the service price at $0.00, or enter a fixed amount.
If I have a work order with $500 for one customer, and a construction progress payment of $4500 for another, I want them both to be able to enter their respective amounts and make the payment.
The donation format is perfect, but I've found no way to change the wording of the form (changing "contribution" and "donation.)
Appreciate any assistance!

Hi may I know what is it code for?

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { $('.header-nav-folder-title[href="/services-1"]').click(function() { window.location = "/services"; }); $('.header-nav-folder-title[href="/about-1"]').click(function() { window.location = "https://google.com"; }); }); </script>  

From everything I've read it looks like the move to 7.1 (and removal of specific templates in favour of design styles) means header search is now gone. Same story with the Sidebar. Both features no longer seem to be supported which is super disappointing. 
The irony is that the Squarespace's own sites use both of these features (header search and sidebar) heavily.
They are great features, please bring them back.