Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'blocks'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers πŸ‡«πŸ‡·'s Topics
  • France Designers πŸ‡«πŸ‡·'s Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://arsene.studio/en/home-1 Hi, If I put a first section that do not have a background image/video, the header stays above. Ho can I force it to be on top of the first section? Thank you ! Leo
  2. Hi, I am trying to change the text color inside a block on one of my website pages using the block ID and custom css. All the text is one of the paragraph types and the code will change some of the paragraphs, but not others. I'm perplexed - this should be so easy. The first two blocks listed are the same - it's the green box on the right. The last block is the orange box on the right. I want to change all the text inside these boxes to purple, but as you can see, it only changes some of the text. Any ideas of what I'm doing wrong? #block-yui_3_17_2_1_1619538852743_12055 p{ color: #7014AD !important; } #block-yui_3_17_2_1_1619538852743_12055{ background-image: url("https://static1.squarespace.com/static/5ea1cbf0cfddce1d056fb528/t/608831f357928014017f7bc5/1619538420373/greenWoodBG.png"); } #block-yui_3_17_2_1_1607550448326_11796 p{ color: purple; }
  3. In the recent updates, the Code Block has recieved an UI update to match the new design of other block such as Summary block, but bad thing is the width size is shrinked down and make it hard to look/edit, so this snippet may help you to increase the width size of code editor block Add it into Settings->Advance->Code Injection <script> if ( window.location !== window.parent.location ) { window.parent.document.querySelector("head").insertAdjacentHTML("beforeend", '<style>[data-test="block-editor-container"] { width: 620px !important; }</style>') } </script>
  4. Site URL: https://meck.com.au/mission Hi there, I've got a series of images where my text is alternating on the left and right of the image. I have duplicated some of these blocks and shown them only in mobile view so that when scrolling in mobile view the text appears before the image. However, a blank space has been added each time a block is hidden, and the same goes for the desktop view where blocks have been hidden. Thanks in advance! The page I'm working on is https://meck.com.au/mission
  5. Hi. I'm looking to edit the "Back to All Events" link that displays at the top left when viewing an individual event on an Events Page. I've found a CSS version for the earlier versions of squarespace but they don't work for the v7.1.
  6. Site URL: https://www.longitudepr.com/results Hello, I know this question has been asked and answered before but I have tried and tried to find a solution for stacking the images on mobile correctly. Would anyone mind delivering the css? Results page needs to stack Image 1 Image 2 Image 4 Image 3 Image 5 image 6 image 8 image 7. Thank you so much!
  7. Site URL: https://guppy-bellflower-73kd.squarespace.com/bookme Hi there, password to enter the site is "bubba". I have a small question. On the "Book Appointment" page of this site, I have a Javascript code block with an embedded HTML snippet. I would like the gold "Book Session" button to sit directly in the center of that page and not all the day at the bottom, the way it does right now. Also, after clicking on "Book Session", the box that appears then wants to hide under the fixed header if I scroll down. How do I make it so that it doesn't do that? Will I have to change elements of the HTML snippet itself or will I have to go into Custom CSS? Thanks!
  8. Site URL: https://www.teloshealthandwellnessservices.com Can someone help me find an easy fix to keep the same text on a poster picture but prevent the text from spilling into other pictures on the mobile device? Can it be done in canva and still allow for the amount of text? Only suggestions were to reduce text or reduce font size. Thanks, MJ
  9. I'm not sure if this has been asked before, but I couldn't find it on the forum. I am trying to put 5x image blocks next to each other, but I've noticed that any time I've tried to add 5 blocks (of anything) in a row on Squarespace 7.1, it becomes uneven. Obviously if it is an even number of blocks it seems to work fine (e.g. 6 image blocks in a row works okay) but if it is an even number of blocks that is 5 or more, it doesn't work. Does anyone know a workaround for this? I don't want to use galleries or summaries because I want a detailed caption under the images, and I know this is difficult with SS7.1
  10. Site URL: http://www.foxandvamp.squarespace.com Hi All Trying to swap the order of blocks on mobile Tried various codes from the forum but no luck. Please can someone talk me through the process as there's a few instances where I want to swap these round. Thanks PW: london88
  11. Site URL: https://ray-harmonica-ta62.squarespace.com/produkter Hello! I created a site using an online store template. My site is going to show products, but only in a list on a page, I don't want them to be clicked. I don't know how to make the items in the online store module to not be clickable, and to have more text, so I added a section called Pricing with 3 collumns of image, text and price underneath. This is all I want, except I want the three collunmns to be full width like the store-module. See screenshot. Help please? Thanks!
  12. Site URL: https://farfromhomepodcast.org/ I have a social links block on my website's homepage, and I'd like to add a link to my Clubhouse club, but Squarespace unfortunately doesn't yet included Clubhouse in its list of social media icons that can appear in a social link block. So I instead manually created an image block with a Clubhouse icon that was the same size and placed it directly next to the other links. It looks great when I view my website on my computer, but it looks like a mistake on mobile devices, since the image block automatically gets moved to the next line. I've attached a screen grab from my iPhone so you can see what I'm seeing on my end. Can anyone please advise me on some custom code I can insert to ensure that the image block remains stacked to the right of the social link block, even on mobile devices? Thanks, Scott
  13. Site URL: https://lemon-cranberry-x99z.squarespace.com/sequence-photography-moving-the-weasel In desktop view, I have an embedded video displayed text wrapped in my text. I would like to keep this text wrapped look when in desktop view, however, when in mobile view, I would like the embedded video to display after the text. I would like to keep how it looks with the text wrapping in desktop view, but have the video appear after the text just in mobile view. Is there code that can do that to put in Custom CSS? I think it's kind of similar to this: (My website is not published yet.)
  14. Site URL: https://www.prochemicalstore.com/om-oss Hi, I need to decrease the space between the headline of the image and the body text. (the gap btw "Vad vi gΓΆr" and "Representerar..." on attached image. I'm thinking of two methods: 1. Use HTML in a code block. But then I need to know the path to the image. Is there a way to get that information? (the support guy didn't know) 2. Customize it by CSS. Is there another way? Many thanks!
  15. I am currently working on a redesign for my client in Squarespace, 7.1 is terrible I have to constantly duplicate the site since it's a larger build and then rework the CSS because the ID's of all my blocks change. Does anyone have a solution for this? I wish I never would have gone into 7.1 for this build and stuck with 7.0. I'm upset that developers seem to be unsupported with this updated version.
  16. Site URL: https://www.threadapeutic.com/home Hi, I'd like to edit this particular image block of my ecommerce gallery, currently shown as a single column but would like a double column grid on mobile (see screenshot). I'm completely clueless on the code structure other than finding the block id. Please help. Thanks!
  17. Site URL: http://carissatrianty.com Hi there, I'm working to edit text captions within inline-formatted image block. I put the text on "Overlay on Hover". The texts are already there (I put them in a while ago). I just needed to edit them, but when I hovered over the image and the text pops up, it didn't allow me to edit it. The cursor barely changes to editing cursor and remains on "Grabbing" one. I've been trying to deal with this for the whole day now and found nothing as a solution it's so frustrating. I did inject a code but it was only to style the overlay. Mind you that I put the images together not on a Gallery spec but as individual image blocks all put together. And last time I checked, my version is on Squarespace 7.0. Also, the edit image window seems to be more simplified than last time. The last window was so much bigger and offered many options, but this one was a lot smaller with only limited functions. Is this part of Squarespace changes? Is there a broken code? I just needed to edit the caption. Any help would be Kindly appreciated. Thanks so much!
  18. Site URL: https://anxioussound.com/aoty-2020-2 Hello, I'm using the Foster template in V7. I have a page with two columns: 25% 75% The left column contains a div I would like to make sticky (sticks to the top of the browser window on scroll). Here is the HTML: <div class="aoty-yr-container"> <div class="aoty-yr sticky"> <h1> 2020 </h1> <h2> The past is full of dead men / The future is a cruelty </h2> <p> Protomartyr </p> </div> </div> Here is the CSS: .aoty-yr-container { overflow: visible!important; background: pink; height: 2000px; } .aoty-yr { height: auto; } .aoty-yr h2 { padding-top: 40px!important; height: auto; } .sticky { position: -webkit-sticky; /* Safari */ position: sticky; top: 0; background: wheat; } Two issues here: 1. I need the left column β€” .aoty-yr-container (pink background) β€” to be the same height as the column on the right (the 2000px height was an arbitrary choice to make sure the sticky element's parent container had a height value). How can I achieve this? 2. I've been unable to get the .sticky element to work β€” .aoty-yr sticky (wheat background). Any assistance would be greatly appreciated. Note: Eventually, this page will become one of several within an index, each with a similar code block that will stick depending on scroll position. Thanks in advance!
  19. Site URL: https://realty-kiosk.com/ Hi, I have a problem with Archive Block not recognizing Categories any more. It just occurred two days ago (3April21). Everything was working well for the past year while I was building the site. I have one Archive Block for filtering Categories and second one for filtering Tags for my products. Archive Block with Tags is still working properly, while Archive Block with Categories just stopped recognizing product Categories, showing the message "This blog has no content yet...". I don't know what happened. Please see the attached images. I am trying to work something out to fix this but no luck so far. Any help is much appreciated as my site was set to be published this week πŸ˜• https://realty-kiosk.com/ password: temppassword Thank you!!!
  20. Hi There, I am trying to edit the text of a single block on a page. Right now, I have the following CSS but the only thing that is changing is the background. Is there some other code to adjust the line height i need to use? None of the text seems to change whenever I apply a style properties directly to it. Help! #block-bd6090c6676705461de7 { background: green; line-height: 2.0; }
  21. Site URL: https://liptovskydvor.sk Hello all, I would like to ask for help with aligning text block within section on my title page. I would like to have top left alignment for desktop version, but have different, bottom alignment for mobile version. I also need the subtle background overlay so the text does not blend into the image: The block ID is: block-yui_3_17_2_1_1617563024648_5628 My CSS code so far: /* bkg overlay mobile title block and alignment */ @media screen and (max-width:640px) { #block-yui_3_17_2_1_1617563024648_5628 { background-color: rgba(255, 255, 255, 0.80) !important; } } Many thanks for any help. Michael
  22. Site URL: https://www.isabelwilkerson.com/ I just discovered that some block IDs on a live 7.1 site have unexpectedly changed, breaking important custom CSS. I launched the site months ago and haven't made changes to the affected page since December. Thankfully, I guess, the site has only two pages and only the home page seems to be affected. No one else has edit access to it. Has anyone else experienced this? Did I overlook an announcement in Release Notes about this? I checked the site last week and didn't notice this issue. It's possible I overlooked it, as I was making a small content update to the Contact page. But I think I would have caught it and that the client would have too. Thanks for any insight you can offer. Customer Care has nothing to offer beyond that helping with custom code is out of scope. thanks, ~Laura
  23. Im trying to add images with the "add blank+" on section blocks. my issue is my page background color is blue but if i add any type of section block it just turns the whole page white since thats the block background how do i make block backgrounds transparent
  24. Site URL: https://pufferfish-grasshopper-wy5n.squarespace.com/config/settings/site-visibility Hello! Can someone please help me make the word "Search" in the search block appear white as well as the information that is typed in the search block? Thank you! https://pufferfish-grasshopper-wy5n.squarespace.com/config/settings/site-visibility PW= 1234
  25. Site URL: https://www.st-bede.com/ I'm struggling to find a way to make the main image on our home page stretch full width. The prior website developer is no longer with the company and I can't figure out what CSS coding he used (there's a LOT of Custom CSS on the site and I can't make heads-or-tails of what goes to what since very few are labeled what it's for) to make the background styling on the template no longer active nor how to adjust the sizing of the image blocks so they are full-width.
  • Create New...