Jump to content

ILong

Circle Member
  • Posts

    22
  • Joined

  • Last visited

  1. 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
  2. @creedon Ok, fab. Thanks for the heads up. I'll look into this in the coming days and will let you know.🙂
  3. Oh, I see. So there is a way to input CSS into Acuity? Any ideas on what code I could use to remove the instructions form the embedded scheduler?
  4. 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
  5. Hi everyone, I have just had a new client enquiry for setting up a web shop and I haven't done this before. I have watched webinars and looked through checklists and I'm feeling confident; however, I'm wondering if anyone has found a checklist that has ALL the details that I need to get from the client in order to build their store? Perhaps SS offers one and I have missed it? I can imagine there might be a lot of back and forth if I keep forgetting to ask for certain items and discover this as I go along. Much appreciated! Ioana
  6. Hi everyone, just wondering if anyone has some suggestions...I designed a mobile specific section for the top of this homepage. And then I used code to hide it on desktop and appear when below 991px. It shows up fine on mobile but when in between mobile and desktop sizes, it seems to be partially hidden under the header. The header is set to solid with reduced opacity. I thought perhaps it was because it was adaptive, but it isn't. So there must be something happening with the code...Here is what I used to initiate the swap of the two sections: //hide top mobile section on desktop// @media only screen and(min-width:991px) {section[data-section-id="6631d964f5a5214452e1d3fa"]{display:none}} //hide top desktop section on tablet-mobile// @media only screen and(max-width:990px) {section[data-section-id="6631d7e8482a5f08b86c7570"]{display:none}} Photo attached of what it looks like. site is: clinicaleftconnect.squarespace.com password for website is cec2024 I really appreciate all you legends out there that save us code newbs in this forum!! Many thanks. Cheers, ioana
  7. Hi @Beyondspace. Thanks for the idea! It didn't seem to do anything when I put your suggested code in. I've made a duplicate section which has the 2x2 format and I'm trying to figure out the breakpoint when to hide the desktop version just as it moves to that weird layout and show the 2x2 instead. Haven't quite figured out the right dimension yet but I'm going to try this approach!
  8. @tuanphan Ok, perhaps it might be a browser issue too...I will compare some browsers on my phone. Thank you so much for looking into it for me.
  9. Hi Everyone, Wondering if there is a hack or code that we can use to change the way a list section appears at tablet-ish screen sizes....I've used a simple list section and have 4 items. At one point in the responsive design, only one item appears on a second row and it looks a bit crummy. I still want all the items side by side on desktop so I have selected 4 columns. I wonder if there would be a way for it to change to 2 rows with 2 items when it reaches a certain screen width, let's say 991 pixels? site is https://clinicaleftconnect.squarespace.com and password is cec2024 Thanks! Ioana
  10. Hi @tuanphan thank you for pointing out the need for spaces! This resolved the issue😀
  11. @tuanphan Thanks for that. It still appears on my mobile... I've also noticed it on a carousel at the bottom of this page: https://clinicaleftconnect.squarespace.com/our-approach-to-eft-tapping
  12. Hi everyone, I seem to be having an issue using this code to remove a background image on mobile. The first time I use the code it works perfectly and the background image disappears. Then, when I copy/paste it to use it again for another section on the page, it does nothing! If I try and put both section ids in the same code separated by a comma, it works, but then the first section content disappears entirely. The page link: https://clinicaleftconnect.squarespace.com/our-approach-to-eft-tapping password: cec2024 Here is what I have pasted in: //wavy background removal on mobile// @media screen and (max-width:767px) { section[data-section-id="662b0cb2821dca18fb41d9cd"] .section-background { visibility: hidden; } section[data-section-id="662b0cb2821dca18fb41d9cd"].section-background { background-color: #FFFCF8; } } @media screen and (max-width:767px) { section[data-section-id="6621d31f097c0d6f2308f6ef"].section-background { visibility: hidden; } section[data-section-id="6621d31f097c0d6f2308f6ef"].section-background { background-color: #FFFCF8; } } TIA! Ioana
  13. Hey @tuanphan, thanks! but that code didn't work unfortunately. The outline still appears the same way when I tap the arrows.
  14. Hi, yes of course, thanks! https://clinicaleftconnect.squarespace.com/config/?frameUrl=%2F password is cec2024 The section is down the very bottom of the home page. I noticed that if I swipe with my finger on mobile the outline does not appear, but if I click on the arrow, it does. And it looks very odd!
×
×
  • 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.