Jump to content

MillyBanks

Circle Member
  • Posts

    78
  • Joined

  • Last visited

Everything posted by MillyBanks

  1. I want the block to look like this - The text I need here exceeds the size of the image card. So would like it to scroll (which is working) I would like to have the green half to be the same height as the image and remain the same height on tablet and different desktop window sizes. currently it does this
  2. Thanks @bangank36 I have tweaked a few things and it is slightly better but doesn't seem to be working quite right. I am not sure the flex is working as when you change window size even a tiny bit the image is offset to the image again?
  3. It should be working - website is live behind a coverpage. 🙂 https://www.shiftmovement.org.uk/home
  4. Site URL: https://www.shiftmovement.org.uk/home%C2%A0 Hi, I am trying to get my image card to allow scrolling on overflow. 1.I am struggling to get the text box to stay the same size as the image. Whenever the screensize changes whatever px I set it too doesn't work. I want it to be responsive like an image card is normally. The code I have used has got the text to scroll but has cut it off weirdly at the top. Something isn't quite right! Can anyone help with what i'm missing? I also want the image card to be full width for it to visually look like this
  5. Is it possible to do this on an image card? I have added the same code which works but the image scrolls too. Would be awsome to be able to just apply the overflow to the text? 🙂 https://www.shiftmovement.org.uk/home It is the /our-founder section I am working on. Any help appreciated @tuanphan!
  6. Full screen (13 inch) smaller window on desktop it starts to creep completely off the screen Tablet - Mobile -
  7. Site URL: https://kazoo-lanternfish-ejx7.squarespace.com/home/#/new-page-1 Hi, I am building a custom sales page on Brine. I have removed the header logo and navigation and am now building out my 'header' of the sales page. I have managed to code the background image, logo & text to sit well when the window is full screen (13 inch) but any resizing sends things up and it gets cropped. I am wondering if someone has had similar happen? I am hoping to be able to code this for Desktop, Tablet and Mobile. The code I have used so far is as follows - PAGE HEADER CODE INJECTION - <style>.Header, .Footer, .Mobile-bar{display:none !important; }</style> Custom CSS - //Sales Page header //header image #block-yui_3_17_2_1_1652461734997_2785{ position: ; z-index:1!important; padding-top: 1%!important; margin-top: -26% !important; margin-left: -6.5% !important; margin-right: -6.5% !important; margin-bottom: 0px !important; } //header Logo #block-yui_3_17_2_1_1652455646794_1841 { position: relative; z-index: 100; margin-left: auto; margin-right: auto; top:-36em; max-width: 150px!important; } //Header Text Block #block-627e75e34300671849380e1a p {color: white!important;} #block-627e75e34300671849380e1a { position: relative; z-index: 100; top: -24em; margin-left: auto; margin-right: auto; } Any help is appreciated 🙂
  8. Site URL: https://www.hornbeamtraining.co.uk/courses#events-calendar Hi, My client has events which they sell as products. Primarily these are showcased on the calendar. Is it possible to grey out events that are in the past? (Ideally I don't want to hide past events) Secondly I wonder if it is possible to hide a product automatically when a date passes? (as these are an event). Although the 'store' page isn't openly showcased it is possible to get to it so want to ensure the messaging is consistent and correct! Any ideas on how best to approach this welcomed! 🙂
  9. Thanks but unfortunately that didn't work... Ideally I want to take the customer back to here https://www.hornbeamtraining.co.uk/courses#events-calendar via an anchor link but I tried both /online-learning and that link. Any other ideas? 🙂
  10. Site URL: http://www.hornbeamtraining.co.uk/courses Hi, I simply want to edit the back to all events link to take customers back to the main course page (anchor link to the #events-calendar section) rather than to the rather ugly page with just the calendar on! Is anyone able to help? Here is one of the events https://www.hornbeamtraining.co.uk/online-events/o0oxsupoddg1u0ihrj44mbcn4shj6h-ww7gr-h6tbf-w3thj-sy2pe-rkjd3-by6yp Thank you in advance!!!
  11. I did think that but a shame there isn't another way!
  12. Is there a way to exclude this part of the index section? Hi @tuanphan I have added this to a section on my website https://www.hornbeamtraining.co.uk/courses which worked well on the areas wanted it to take effect I but it has messed up the top section within the index section Is there a way to exclude this part of the index section? this is the code I popped in - @media screen and (max-width:900px) and (min-width:641px) { section#mental-health-first-aid .col, section#mental-health-first-aid .col { float: none !important; width: auto !important; } } I have removed until I can solve as the site is going live! Any help is apreciated 🙂
  13. Is it possible to use this to stop a section getting cut off? www.hornbeamtraining.co.uk/home I want to simply reduce the height of some sections across my website but quite often either the banner image or the content gets cut off. I tried adding the following code section#consultation {min-height:60vh!important; border-bottom: 12px solid #d1ab13; overflow-y: visible!important; } but it isn't having the desired effect I
  14. I understand that but is there no way I can show it as a seperate line item through having it as a product? It is frustrating it doesn't just pull through the set up from Stripe?
  15. Site URL: https://sunflower-eagle-a3h3.squarespace.com/open-courses/mental-health-first-aid-champions-1-day-course-7th-april-2022-900am I am trying to set up a transaction fee as part of this project. My client has this set up within their stripe (and can do so legally) that the stripe transaction fee is charged to the client. I am suprised this isn't an option within Squarespace but also that the integration with Stripe doesn't pull this info through to the checkout. I am open to creative ideas here and some css to get the desired process but am a bit stuck! The customer journey through to purchase is primarily through an events calendar where customers can go straight to checkout. That said they can at this point still click on the product and go straight to checkout from there. (Something I am happy to disable if that is possible!) I thought one way around this was to create a product called 'Transaction Fee' and add two products to one payment/checkout link but it doesn't seem to be as simple as I was hoping! Anyone ideas how I can make this work? Product > https://sunflower-eagle-a3h3.squarespace.com/open-courses/mental-health-first-aid-champions-1-day-course-7th-april-2022-900am Event> https://sunflower-eagle-a3h3.squarespace.com/online-events/o0oxsupoddg1u0ihrj44mbcn4shj6h
  16. Is it possible to add this as a product and have it appear automatically in every checkout? Or alongside each product? I have tried adding a product within additional info to my main product but this doesn't get added to the checkout as I was hoping. Anyone ideas how I can make this work? in terms of the customer journey I actually display the products through an events calendar so do want a way this can work with this flow... Product > https://sunflower-eagle-a3h3.squarespace.com/open-courses/mental-health-first-aid-champions-1-day-course-7th-april-2022-900am Event> https://sunflower-eagle-a3h3.squarespace.com/online-events/o0oxsupoddg1u0ihrj44mbcn4shj6h
  17. Hi @tuanphan sorry I didn't see this reply. It is on /home
  18. Hi @tuanphan I did link on the other chain about the padding underneath the video but here is the link! https://sunflower-eagle-a3h3.squarespace.com/home
  19. Hi @tuanphan I had deleted the block as it wasn't working but it have popped the code back in if you want to take a look! https://sunflower-eagle-a3h3.squarespace.com/home I would also like the video to appear in front of the text block but can't seem to make z-index work
  20. Has anyone found a solution to this? generally the events have just a single day between them but as I am using a event calendar it doesn't make sense on the calendar!
×
×
  • 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.