StoriesAroundTheSun

I was trying to do this for blog posts (client has a podcast and I needed to add 6 icons for the various platforms it's on). Since it's a grid gallery block that isn't in fluid engine, I played with @tuanphan's always brilliant code and came up with this that seems to work. If anyone sees any issues with it, please lmk! NOTE: this will affect all gallery blocks on your site... this is okay for me since these are the only gallery blocks in use on the site. You'd need to target the individual blocks if you only want this code to affect certain gallery's! // 3 Images Per Row On Mobile - 7.1 Version - blog posts (not fluid engine)// @media only screen and (max-width: 640px) { .sqs-block-gallery .slide { width: 33.3333% !important; } .sqs-block-gallery .img { width: 100% !important; height: auto !important; vertical-align: middle; display: block; } }

@Web_Solutions Amazing thanks so much for your time! Sent you some coffee yesterday and will send more when I get paid from this project ☀️

@Web_Solutions Amazing! Thank you much!!! Would it be possible to also: resize the font size for the different elements and also center the text so it's center aligned horizontally and vertically? I'm getting better at CSS but blog elements are definitely out of my wheelhouse! ☀️

Hello! I'm trying to figure out how to move the tile and meta data onto the featured image along with an overlay... of the blog on a grid blog, but only on this blog (the site has another grid blog). For this page: https://www.marineselenee.com/podcast-draft PW: story I've attached an image of the desired outcome (but with a darker overlay) this is the inspiration site: https://www.plumandparcel.com/podcast There are quite a few solutions for showing the title on hover, but I need the title and overlay to always show. It would also be great to be able to adjust the font color / size if possible 🙂 Thank you so much for any assistance! With sunshine, Ella

Hi everyone! In case you haven't seen yet, the "duplicate course" option is now available in the Settings for the course 🙌 Not sure when it was added, but super stoked they fixed this ☀️

@lmt615 yes - I hear that "future change" a lot, but hopefully this does happen. I haven't tried it yet due to the xmas break, but one thing I heard back to try is: In a sense, you're correct about the subscriptions. Here at Acuity, payment plans in this manner are treated as temporary subscriptions. So for example, if I set up a payment plan for $150 dollars, I can put that for 3 payments of $50 and prevent any new appointments or minutes being rolled over. That way, I can be sure that it's temporary for my clients. If your client wants, they can edit the Subscription Paid email template (Acuity > Client Email > Subscription Paid) to remove the change/cancel subscription button for payment plan subscriptions. I don't know for certain that would remove all ability to change or cancel the subscription, but it may force your client's clientele to reach out to your client if they wish to change/cancel rather than doing it themselves. If you'd like to give that a try: - Have your client log into their Acuity account on a computer browser - Find their Client Email tab on the navigation bar - Find their Subscription Paid email template - Edit the template by highlighting the change/cancel button and deleting it - Make sure that the template is attached to Payment Plan Subscriptions - Save the new template

@lmt615 did you get any clarity on this? Just trying to set up something similar for a client. Thanks!

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 😉

Same! I have clients with courses in multiple languages, and I want to be able to just duplicate the course and update the videos and copy. Recreating and re-formatting the mobile views for each lesson is unnecessarily time consuming!! Also, when duplicating, would be great to have an option to include the videos or not in duplicating. For example, one client uses one of their courses for live training, so she'll want to duplicate it for those times. Hopefully it's in the works along with having customizable log in / create account windows - those iframes need an upgrade 😉

Hi!!! I found a workaround for this! It's not ideal, but will work while invoicing is still in beta mode... Exit out of Scheduling in Squarespace and go to "Settings" Select "Permissions" Invite yourself as an admin under the email you want to show at the top of the invoice Accept and set up that account in Squarespace. Then use that account to send the invoices. The invoice feature is currently using the Squarespace account email of whichever Squarespace account is creating the email. It's not ideal, but love that we finally have access to invoicing - hopefully they'll add many more features soon (including templates and increasing the size of the logo at the top - fingers crossed!!) Hope this helps and lmk if you have any questions! ☀️

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

Found this answer! Works for me 🙂

Hi there!! Building a site, and came across the same issue!!! My client needs to show different time zones for different events. I've sent this issue to Squarespace Support, but in the meantime, I've found a workaround solution between the code on Alana Jade Studio's site: https://alanajadestudio.com/blog/add-timezone-to-squarespace-events - .event-time-localized:after{content:" PST"} And now you need to target individual events. To target an individual event, you need to grab the #item code (I use the Chrome extension "Squarespace ID Finder" - the item code is at the very top of the page), and then paste it before the code above. You'll do this for each event. (Don't use the section ID since the section ID is the same for all event pages.) Yes, it's annoying to have to add code for each event, but it's less annoying than having to show wacky times and telling attendees to do the time zone math!!!! Here an example of two events my client has in EST and PST: //timezone targeting individual events// #item-62947abcc910ce12ec8765ef .event-time-localized:after{content:" EST"} #item-62be361bed0cd557360d7737 .event-time-localized:after{content:" PST"} Now, this means that the time zone won't show on the main event overview page, so if anyone can figure out a way to target individual events on the main events page, I'm here for it!!! And I'll share here too if I figure it out. For multi-day events it's fine, because you have to click on the event to see the times, but single day events will just show the time you choose. For now, I'll just add the location and timezone to the beginning of the event excerpt. Good luck!

Thanks so much @tuanphan! Can you see the reason the code isn't working for these two pages: https://marineselenee.squarespace.com/mini-guide PW: marinefamily https://marineselenee.squarespace.com/mini-guide-download PW: marinefamily 🙏☀️

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

Site URL: https://marineselenee.squarespace.com/ Hi!! I've been playing with the List layouts, but struggling to figure out the code to get the buttons to align and/or the card background to be equal. The three areas that are frustrating me are the home page - the first list of three "Sessions" "Course" "Book", all the buttons need to align - and currently they only align at certain browser widths. I've tried some coding I've used in the past, but I can't seem to capture the right element. https://marineselenee.squarespace.com/ And then this page has two issues - the first list of three "Identify" "Explore" Develop" the card height needs to align across all three for all browser widths so the images beneath the copy aligns, and then the block of 8 cards - I've tried to align them manually, but I just need all cards to be equal height. https://marineselenee.squarespace.com/course Any solutions? Thanks in advance!

UPDATE!!! Missed @tuanphan post back in February... this new code worked for me - now my images show in mobile and the text is center aligned on desktop 🙌 Tuan Phan for the win again!!! 🙌🙏 @tuanphan Hello! Thanks so much for this solution - it's working for me for desktop on 7.1, but on mobile the image disappears. Any chance you have a solution? I've tried a few media queries, but I guess I'm missing something. I'm building this site, so it's currently password protected. The pages currently affected: The banner at the top of the home page: https://marineselenee.squarespace.com/ The banner at the top of this page: https://marineselenee.squarespace.com/schedule The PW is: marinefamily Thanks so much! Ella ☀️

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!!! 🙏☀️✨

Yes! Sorry for not making that clear. The top section with the photo of the three pieces and the "Shop Now" button. It's a card image block, so it's only allowing the button to be linked.

Hi @tuanphan - first thank you so much - your responses in this forum have saved me soooo much time. You're amazing! 🙌🙏☀️ I have the same question as the person above. The site I'm working on uses the Commerce Advanced plan. I'd like to make both the button and image of the image card block clickable, but if that's not possible, the entire block clickable. I'm working on this page, but for now can be accessed through: https://littleyellowdoors.com/test-home The block ID for the image card is (it already has code to make it full width): #block-yui_3_17_2_1_1643528015607_13095 The section ID is: section[data-section-id="61f63f6a32982f3789c79655"]

@creedon you are the BEST! Thank you - worked like a charm ☀️🙌 appreciate you taking the time to respond. I'm not sure what the issue was with the site not loading - my client does a lot of the day to day work on the site herself. thankfully it seems to be behaving today! Thanks for bringing it to my attention, and I'll do a check in on it over the next few days just in case.

@creedon thanks for responding ☀️ One site I'm seeing it on is www.amytangerine.com - just in the footer. The other sites are currently in build-mode. I heard back from Squarespace support and they can't see a glitch on their end that would be continuing to cause it at this time. Sunshine! Ella

UPDATE: I heard back from Squarespace support: "I can confirm there are no known issues on 7.1 footers on our end that would be relevant to this issue. Based on what you're experiencing and the posts in the forum, it is likely that a recent update to the platform has prevented a custom coded modification from working as it has previously." So hopefully someone wiser than me can figure out the new code for removing underlines from the footer 🤞 Using 7.1 - Same here across all my sites - it is weird, because when I go to add/update the custom CSS code, the underlining in the footer goes away, but as soon as I save, exit the Design tab, and refresh the underlines return to the footer. Here is the code I have been using: // Remove underline for all links on site // a { background-image: none !important; } // Remove underline for links in footer // footer.sections * { text-decoration: none; background-image: none !important; } Is this is a code issue or a Squarespace glitch? Thanks!