indy

Yes, I haven't resolved it yet. thanks!

Hi @tuanphan - thank you. My apologies for my delayed response. For the most part your code really helps. Thank you very much! Every once in awhile (depending on screen size) it gets a little funky. Typically the "Learn More" button is a little higher. while the other buttons are in line (a .jpg file i embedded). I have attached two .png. The good one is a 16" Macbook screen and then I get the same results if I make the browser a bit smaller. The second one is a larger screen in a vertical format. Which I'm sure most people do not view the site. Client is happy. If you do see a tweak, I'm happy to add it and see what happens. thanks again!

I made some changes to this client's home page and now the buttons are not aligned. The "buy now" buttons are from a script and the "learn more" is created with Squarespace's button. Attached are two versions from different screens. Any insights? Here is the injected code thanks to @RyanDejaegher help. I'm thinking last year the buttons were SS generated buttons and not from a script. Website - https://www.providencepoweryoga.com/ <style> .sqs-col-3 {border: 2px solid ##F7F5F4;width:22%!important; height:690px; margin-left:3%;box-shadow: 5px 5px 15px rgba(0,0,0,0.4)} .sqs-col-3:hover .sqs-block-button-element {background-color: ##F7F5F4!important} @media only screen and (max-width:768px){ .sqs-col-3 {margin-left:0%!important; margin-bottom: 5%} } @media(min-width: 768px) { #page-section-5ee26c737f2406082d597b29 .sqs-col-3 { display: flex !important; flex-direction: column; padding-bottom:20px } #page-section-5ee26c737f2406082d597b29 .sqs-col-3 .sqs-block.button-block.sqs-block-button { margin-top: auto !important; } } </style>

Any update? I continue to have to manually add a new IG block to my client's sites to get it to update. -Scott

@RyanDejaegher - PERFECT! Thank you very much!!!! Best, Scott

Site URL: https://providencepoweryoga.squarespace.com I have created four columns, and each column contains an image, text block, and a button. Also, I had a border and drop shadow created for each column. How do I make all the buttons show up at the bottom of the box? https://providencepoweryoga.squarespace.com Password - power See screengrab. Here is the code I injected into that page for the border/drop shadow/hover. <style> .sqs-col-3 {border: 2px solid ##F7F5F4;width:22%!important; height:690px; margin-left:2%;box-shadow: 5px 5px 15px rgba(0,0,0,0.4)} .sqs-col-3:hover .sqs-block-button-element {background-color: ##F7F5F4!important} @media only screen and (max-width:768px){ .sqs-col-3 {margin-left:0%!important; margin-bottom: 5%} } </style> Thank you! Scott

I have also been having this issue with my 7.1 sites over the past 1-2 months. They constantly need a manual data reset and sometimes logging back into IG. Sometimes the feed stops and other times it continues, though shows a line through most of the images.

Site URL: https://providencepoweryoga.squarespace.com/memberships Hi, I have a site that uses code from Mind Body for the "Buy Now" option at: https://providencepoweryoga.squarespace.com/memberships password - power I want to replace the text with a button. I can upload the image file as a button, and Mind Body creates code that pulls that image from the URL, though I can't see in 7.1 that I can locate an uploaded image's URL. The other option is I want to use is a button block with the code. The two versions of the code are: The code with a sample URL for the image file is: <script src="https://widgets.mindbodyonline.com/javascripts/healcode.js" type="text/javascript"></script><healcode-widget data-version="0.2" data-link-class="healcode-contract-image-link" data-site-id="35268" data-mb-site-id="27690" data-type="contract-link" data-inner-html="<img alt='buy now' src='https://www.dropbox.com/s/67g5f3ebl159d6w/Buy-Now.png?dl=0' />" data-service-id="103" /> The code for the "Buy Now" text link is: <script src="https://widgets.mindbodyonline.com/javascripts/healcode.js" type="text/javascript"></script><healcode-widget data-version="0.2" data-link-class="healcode-contract-text-link" data-site-id="35268" data-mb-site-id="27690" data-type="contract-link" data-inner-html="Buy Now" data-service-id="103" /> How do I integrate this into an image block, or another solution? Thank you, Scott

Your code looks very similar to mine and it's working. Hopefully yours is now working.

Did you find the answer? if so, can you share? Thanks!

Paul!!! That worked! Thank you so much! Much appreciated. I did search the forum before posting and didn't see that thread. Maybe it was because I searched "Mind body" instead of "mindbody". Thanks! -Scott

Hi, The v7.1 site is located at https://bodysoultraining.squarespace.com Password - body The page is https://bodysoultraining.squarespace.com/schedule This is the "book online" from the menu The code copy and paste from Mind Body is: <script src="https://widgets.mindbodyonline.com/javascripts/healcode.js" type="text/javascript"></script> <healcode-widget data-type="appointments" data-widget-partner="object" data-widget-id="a1740143b6a" data-widget-version="0" ></healcode-widget> The code looks to work when I'm in the "Edit" mode. But doesn't in normal viewing mode. I created a test page on another site that is v7.0. It works. https://www.indermaurmedia.com/test I appreciate any insights. Mind-Body claims this is a SquareSpace issue. Squarespace emailed me some links and, "please note that we're unable to offer assistance or troubleshooting for such modifications or additions, due to their complex nature." So, I either need to recreate the site in 7.0, or get Mind-Body to look at this more seriously. I am creating another site that also uses Mind Body and i want to stick with 7.1 if possible. Thank you, Scott

Trying to get a Mindbody (MB) widget to display properly within a Squarespace (SSP) Code block - 7.1v. The SSP website page will include two widgets from MB – a Schedule widget, and below it, an Appointment widget. The Schedule widget displays the classes that are available and it works perfectly – it is placed with the webpage exactly as we would like it to show up. The Appointment widget displays options for one-on-one training session, and does not work. I worked with the MB customer service to be sure all was done done properly from that side. When I create a new <-Code-> block and paste the HTML code within it, it does not show up properly. The things I have tried to get this right. Here is the code: <p><script src="https://widgets.mindbodyonline.com/javascripts/healcode.js" type="text/javascript"></script> <healcode-widget data-type="appointments" data-widget-partner="object" data-widget-id="a1740143b6a" data-widget-version="0" ></healcode-widget> I tried to choose the other ‘codes’ available within the box – Java, etc… nothing works. MB has confirmed it is an HTML code. There are basically three components that upload in the Appointment widget. Two dropdowns (one with locations, and one with teachers) and a monthly calendar to choose a date. When the code is saved in the SSP Code box, it shows fine when the page is in Edit mode; but when the page is saved… The calendar goes up to the top of page, right under the heading/logo, and the other components don’t show at all. The only thing showing is the little mindbody logo and a cart. Any suggestions? Thanks! Scott