Jump to content

MillyBanks

Circle Member
  • Posts

    69
  • Joined

  • Last visited

Everything posted by MillyBanks

  1. Hi, I found some awesome code for a typewriter effect which is working really well. As often happens there is some unnecessary padding in the code block. On Squarespace 7.1 Fluid Engine. Is anyone able to help me identity why this is happening? Thanks in advance https://www.shiftmovement.org.uk/home password: SHIFT2023
  2. Hi, I want to stack this simple list section as soon as it breaks to tablet size. At the moment when screensize is reduced the 3rd card goes underneath leaving 2 columns. I want to get it to stack to one column as soon as it breaks... Any help appreciated!!!
  3. Hi, WWW.ANNAGRIFFINCOACHING.COM PASSWORD: home8 I need to stop the text in my slideshow banner from hyphenating when screen sizes are changing. If possible scaling the text potentially as it responds? Any help would be appreciated! @tuanphan? I currently have the following code addressing the slider text: section[data-section-id="63bbfb9b8fc9ab56a3e02bbb"] h2.list-item-content__title { font-size: 38px !important; color: #E0BE7E !important; } section[data-section-id="63bbfb9b8fc9ab56a3e02bbb"] .list-item-content__description { font-size: 20px !important; color: #E7E0DA !important; font-weight: 400; } section[data-section-id="63bbfb9b8fc9ab56a3e02bbb"] .list-item-content__description strong { font-family: The Pallace; line-height: .8em; letter-spacing: .01em; font-weight: 300!important; font-size: 60px !important; color: #E7E0DA !important; } //banner 3 testimonial// section[data-section-id="646a8e78ef30617fa582bedc"] h2.list-item-content__title { font-size: 35px !important; color: #44535D !important; } section[data-section-id="646a8e78ef30617fa582bedc"] .list-item-content__description { font-size: 18px !important; color: #44535D !important; font-weight: 400; } section[data-section-id="646a8e78ef30617fa582bedc"] .list-item-content__description strong { font-family: The Pallace; line-height: .99em; letter-spacing: .01em; font-weight: 300!important; font-size: 55px !important; color: #44535D !important; } p, h1, h2, h3 { -webkit-hyphens: manual !important; -moz-hyphens: manual !important; -ms-hyphens: manual !important; hyphens: manual !important; }
  4. Hi @tuanphan! sorry try /home-5 ___________________________ I have used and adapted the code on a website i'm building. Is there a way to make it stay when responsive? https://marigold-circle-h5rk.squarespace.com/home-1 //button #block-yui_3_17_2_1_1684499295374_31180 { position: absolute; bottom: -345px; grid-area: none !important; width: 12em!important; left: 50%; transform: translateX(-50%); } #block-yui_3_17_2_1_1684499295374_31180 a.sqs-button-element--primary.sqs-block-button-element { padding: 1.2em 1.9em !important; display: block !important; } #block-yui_3_17_2_1_1684499295374_31180 div { height: auto !important; display: block !important; } section[data-section-id="646751027caf7d54b08a96cd"] { z-index: 123456789 !important;; }
  5. Hi @tuanphan, I have used and adapted the code on a website i'm building. Is there a way to make it stay when responsive? https://marigold-circle-h5rk.squarespace.com/home-1 //button #block-yui_3_17_2_1_1684499295374_31180 { position: absolute; bottom: -345px; grid-area: none !important; width: 12em!important; left: 50%; transform: translateX(-50%); } #block-yui_3_17_2_1_1684499295374_31180 a.sqs-button-element--primary.sqs-block-button-element { padding: 1.2em 1.9em !important; display: block !important; } #block-yui_3_17_2_1_1684499295374_31180 div { height: auto !important; display: block !important; } section[data-section-id="646751027caf7d54b08a96cd"] { z-index: 123456789 !important;; }
  6. Does anyone know how to make a summary block like this act a bit more like a gallery carousel. Just sliding automatically one to the left to show the next picture not showing the next 4 pictures if that makes sense? I want to use in the footer as a gallery block had an issue with excess bottom padding. https://www.thecreativitybank.com/
  7. Interesting! Thank you so much anyway 🙂 Although it isn't an Instagram block at the moment - just a gallery block?
  8. @Ziggy it should be public with password - 'Creative' could you take another look?
  9. Hi sorry I thought I shared the website https://parrotfish-crimson-3csh.squarespace.com/ password - Creative
  10. Hi, I am using a carousel in place of an instagram feed in the footer of my site while I get things up and running and am having some trouble with the padding at the bottom. The gallery block is causing the footer to have pointless space at the bottom. Can anyone help? Thanks in advance!
  11. Hi, I am just putting together a pop up to promote a black friday code for a client. They simply want the code to appear once they have gathered the email from the client. I have put this together but when I add the post submit text it appears just awkwardly underneath the GDPR privacy disclaimer. (shown below) Is there a way for the post submit to simply have the desired text in the centre of the box? Like i've mocked up below. Help would be appreciated asap as the offer goes live tomorrow! Thanks in advance!
  12. Thanks @tuanphan that worked really well! Anything to make the buttons sit side by side on the very last section?
  13. Site URL: http://www.shiftmovement.org.uk/funded-opportunities Hey trying to get these two buttons at the bottom of my site to sit side by side on mobile but none of this seems to work. I am onBrine 7.0 www.shiftmovement.org.uk/funded-opportunities password: ShiftMovement1 I am also trying to get the videos in the #testimonials section to stack in a different order. The first is correct with the video then the quote but the second needs to do the same. any help appreciated!!!!
  14. Hey trying to get these two buttons at the bottom of my site to sit side by side on mobile but none of this seems to work. I am on Brine 7.0 www.shiftmovement.org.uk/funded-opportunities password: ShiftMovement1 I am also trying to get the videos in the #testimonials section to stack in a different order. The first is correct with the video then the quote but the second needs to do the same. any help appreciated!!!!
  15. Is it possible to have a block of text have a drop down/ accordian style like this (where it shows some text) but only on Mobile?
  16. 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
  17. 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?
  18. It should be working - website is live behind a coverpage. 🙂 https://www.shiftmovement.org.uk/home
  19. 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
  20. 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!
  21. Full screen (13 inch) smaller window on desktop it starts to creep completely off the screen Tablet - Mobile -
  22. 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 🙂
×
×
  • 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.