StoriesAroundTheSun

Thank you so much!

Replace the previous code with the code below. See the attached image for resizing the font size. You increases the font size by change value 20px, 15px and 14px; 
#collection-65d60fdecdebf12ffb710d19 { .blog-title * { font-size: 20px !important; } .blog-excerpt * { font-size: 15px !important; } .blog-more-link { font-size: 14px !important; } .blog-item { position: relative; } .blog-item .blog-basic-grid--text{ width: 100%; margin-left: auto; margin-right: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; padding: 0 1rem; box-sizing: border-box; text-align: center !important; } .blog-item .blog-basic-grid--text *{ color: #fff; text-transform: capitalize; } .blog-item .blog-article-spacer { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); } }  

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.
#collection-65d60fdecdebf12ffb710d19 { .blog-item { position: relative; } .blog-item .blog-basic-grid--text{ width: 100%; margin-left: auto; margin-right: auto; position: absolute; bottom: 40px; z-index: 2; padding: 0 1rem; box-sizing: border-box; } .blog-item .blog-basic-grid--text *{ color: #fff; text-transform: capitalize; } .blog-item .blog-article-spacer { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); } }  

BTW a timesaver option I'm using until they allow us to duplicate a entire course is to go into the original course and save all the sections - ie the sections on the course overview page and the sections below the video on the individual lesson pages. Then when I go to create the duplicate course, I have the current course open in another tab, and just follow the flow and add in the saved sections where needed. So much faster than recreating, plus the mobile view is already sorted! Next up I'm hoping they allow us to change the wording on the "Start Course" and "Complete & Continue" button for those of us creating courses in languages other than English 😉 

BTW a timesaver option I'm using until they allow us to duplicate a entire course is to go into the original course and save all the sections - ie the sections on the course overview page and the sections below the video on the individual lesson pages. Then when I go to create the duplicate course, I have the current course open in another tab, and just follow the flow and add in the saved sections where needed. So much faster than recreating, plus the mobile view is already sorted! Next up I'm hoping they allow us to change the wording on the "Start Course" and "Complete & Continue" button for those of us creating courses in languages other than English 😉 

I'm starting to go to a monthly payment model with my studio using the subscription option on Acuity. However, I'd like to have limitations to when clients can cancel and require them to stay for three months before terminating. However, Acuity seems to default to allowing cancellations from clients from the start. Is there a way to remove this from the clients' view so I can keep control of that?

I'm probably being dense but I'm trying to add another course to my site (though none are ready to go yet) and want to use the exact layout of the first course I've been working on.
I thought I'd be able to duplicate the page as I normally would: open page setting, go to the bottom of the page, click on duplicate page - simple!
But the duplicate page choice isn't there...
Is it somewhere else that I can't find it?!
 
Much appreciate anyone's time to help make me think I'm not losing it.
Jacqui

BTW! I found this solution too which worked for me! 
 

Found this answer! Works for me 🙂
 

Found this answer! Works for me 🙂
 

It has been a genuinely good platform for clients... FE needs some work to keep this.
Try adding this to your Custom CSS, hoping it will hide the embed warning message and should allow you to shrink the block so you don't have to leave it overlapping the text block:
html.squarespace-damask .sqs-blockStatus { display: none !important; } If that doesn't work, then you can do the same thing in Chrome's developer options, which will temporarily remove the message and allow you to shrink the block.

Add to Home > Design > Custom CSS
/* Title */ .summary-title-link { font-family: 'Avenir Medium'; } /* category */ .summary-metadata-item a { font-family: 'Avenir Medium'; }  

The change from "*" to "(required)" is part of the Form Block update, currently being rolled out to all sites.
Have you checked the Language & Region settings on your sites (in Settings > Language & Region > Region) to check they are correctly configured for French?

If you're looking for a CSS solution to restore the asterisk on form titles, please try this:
/* Hide required on field titles Tip by sf.digital */ .form-wrapper .react-form-contents .field-list .title .required, .form-wrapper .react-form-contents .field-list .fields .description.required { visibility: hidden; } .form-wrapper .react-form-contents .field-list .title .required:before, .form-wrapper .react-form-contents .field-list .fields .description.required:before { visibility: visible; content: "*"; font-size: 1.5em; line-height: 1em; } .form-wrapper .react-form-contents--submitted .required:before { visibility: hidden!important; } Let me know how you get on.
Did this help? Please give feedback by clicking an icon below  ⬇️

This should get you closer.
@media screen and ( min-width : 768px ) {   #page-section-62bd39614240fa059391415c .sqs-col-12 .sqs-row {        align-items : center;     display : flex;          }        } I just did one. Replicate for others changing as needed.
Let us know how it goes.

@paul2009 oh my goodness!!!!! You're the best! Can't believe I missed that icon ☀️ Appreciate you responding ... works like a dream ... so happy 🎉🙏🌟☀️

Have you looked at the list layout settings, in Edit Content > Design > Size & Space?
Scroll to the bottom and there is an option to make each item the same height under Position:

Has this post helped you? Let me know by clicking an icon below  ⬇️

Use this CSS for Work page
div#page-section-5f4d83e0a82f1a123a9bebe2>.row { display: flex; align-items: center; }  

Hi! I'm just seeing this - I found this code worked - add video module and click on the embed <> option).
You'll need to:
- Put your Vimeo video on Privacy setting "Hide from Vimeo" (unless it can be public, in which case "Public" works too)
- Switch out your URL for the video
- Change the width/height as needed
<iframe src="https://player.vimeo.com/video/685110903?background=1" width="900" height="383" frameborder="0" allow="autoplay; fullscreen" allowfullscreen&amp;gt;&amp;lt;/iframe> This should set your video on autoplay and loop with no controls showing.
With sunshine ☀️

You are seriously amazing @tuanphan! Thank you!!! 🙏☀️✨

Add to Settings > Advanced > Code Injection > Footer
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function() { $("div#block-yui_3_17_2_1_1643528015607_13095").click(function() { window.location = $(this).find("a").attr("href"); return false; }); }); </script> <style> div#block-yui_3_17_2_1_1643528015607_13095:hover { cursor: pointer; } </style>  

Add to Page Settings > Advanced > Header
<style> @media screen and (min-width:768px) { .design-layout-card .intrinsic { width: 30% !important; } } </style>  

<style> .product-price { font-size: 10px !important; color: red; } </style>  

Add to Page Settings > Advanced > Header
<style> .product-block .productDetails .product-title { font-family: orpheus-pro; font-weight: 400; font-style: normal; letter-spacing: 0em; text-transform: none; line-height: 1.4em; font-size: calc(.24vw + 1rem); } </style>  

@kieranra Add to Home > Design > Custom CSS
.header-nav-item--active a { background-image: none; }