Jump to content

Is there a way to change the appearance of the an embedded calendar?

Recommended Posts

Hi Circle Friends!

Just curious if there is a way to alter the appearance of an acuity calendar that's embedded? The booking instructions are taking up a lot of real estate on the page so it takes awhile before you actually see the calendar! Bit awkward.

Would love to just have the instructions on the side, or even removed and I can put them into a text block. 

This is the page it's on: https://clinicaleftconnect.squarespace.com/book-a-free-consult

password: cec2024

Cheers!

Ioana 

Link to comment
  • Replies 6
  • Views 211
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Please see the following.

Basically you have to make the changes in Acuity itself. You can't make the changes via an Embed block in this situation. It is a web security feature.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
Quote

So there is a way to input CSS into Acuity?

Apparently, from the info in the post I pointed to, but I'm not an Acuity user myself. If you are able to inject CSS somewhere in Acuity the following might be a starting point.

header {

  display : none;
  
  }

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

I just spoke to customer service regarding this and they confirmed that removing the instructions would require some code and need to be placed in Acuity.

For anyone else who wants to do this, you would place the code in Customize Appearance> Advanced CSS @tuanphan would you have any ideas of what might work?

To recap, I'm wanting to remove the instructions associated with the acuity embedded scheduler so that it doesn't take up so much space. The page I'm referring to is: https://clinicaleftconnect.squarespace.com/book-a-free-consult and the password is cec2024

I attached a photo of what I want it to look like. (I don't mind the acuity branding or check balance underneath).

Thanks!

Ioana

Screenshot 2024-06-07 at 10.46.24 am.png

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.