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://entrenosotros.just-america.com/02-2020-actividades Hi! I would like to change blocks order on mobile. On desktop the image is on the left and text on the right and that's ok but on mobile I would like the text first and the image below. Website: https://entrenosotros.just-america.com/02-2020-actividades Pass: test Section I would like to change: section[data-section-id="5f22d4ae41363b1aac10c22a"] Thank you very much in advanced!
  2. Site URL: https://www.priyajpatel.com/ Hi everyone. I am having some trouble trying to horizontally center align pictures and texts within my sections & blocks. There are a few things I am looking to fix, and am wondering if they can be solved by just some code. Throughout my work pages in my portfolio I have different sections highlighting certain things, but they won't center align horizontally. I tried adding a spacer but it isn't very responsive for smaller screens, since they would just make the text and image off center. I am having the same issue with larger sections too, where I have two different sets of images and texts that I want aligned. I am not sure if I can do the same thing with this since there are so many things in one section, but I don't want to have to put them into 2 different sections since they are about the same thing.
  3. Site URL: https://luluthelabel.com/ I am looking to add in a Trustpilot trust-box widget near the end of my website above where it says 'All products from LULU The Label are handmade with love by Lucy in Hertfordshire, England.' Trustpilot have given me a custom code for the trust-box. Is anyone able to advise please how to add this in successfully without any issues? This is the code they gave me: https://trstp.lt/n694JEELU Thank you.
  4. Lots of folks have asked a similar question in different ways and there don't seem to be answers posted, so I figured I'd try again. This community is such an amazing resource! I am wondering if there is a way to use CSS to swap the order of blocks in mobile view so that you can specify some blocks to stack right to left rather than the standard left to right. So something like: @media only screen and (max-width: 640px) { //identify blocks you want to swap and change their order } My site is informd.co.in or informd.squarespace.com . Here's what I want to do specifically (on the team page): I really like my desktop arrangement, which is: <1 picture> <2 text> <3 text> <4 picture> Ideally I would like my mobile view to be arranged: <1 picture> <2 text> <4 picture> <3 text> But squarespace goes left to right so it ends up as: <1 picture> <2 text> <3 text> <4 picture> Is there css to swap blocks 3 and 4 in the mobile view? Thank you in advance!
  5. Site URL: https://cone-tuna-x47f.squarespace.com/ I created some tabs on the Services page with this code tutorial: https://www.will-myers.com/articles/adding-simple-tabs-to-your-website-in-squarespace-71-and-70 Unfortunately, it did not render well for Mobile and the tabs were cutting off. I managed to alter the code so that the tabs did not cut off, but now there is a big chunk of padding above that is technically the code block itself... wanted to see if anyone had any thoughts on how to adjust this? https://cone-tuna-x47f.squarespace.com/ pw: haircare
  6. Site URL: https://cone-tuna-x47f.squarespace.com/ I want to visually align the SVG icon and the days horizontally. I am using a code block. I tried using a code block + text block together and the spacing between is too large. Open to other suggestions/solutions! https://cone-tuna-x47f.squarespace.com/ pw: haircare
  7. Hi there, I use my site to host a podcast, uploading each new episode the usual way by creating a new blog post, adding an audio block, uploading the episode (MP3 file) and the RSS feed does the rest. I've uploaded several episodes now, but a piece of content in the first episode bugs me. If I was to go into that post and replace the MP3 file in the audio block with a corrected version, would that file seemlessly replace the original in all the locations the RSS feed sends it to? Or would this do something silly to the order of episodes and bump this one up to being the most recent in the feed? Thanks in advance for any responses!
  8. I have a page I need to make with 9 features and it's extremely difficult to program the individual blocks to align the way I want them to by adding blocks to the already formatted presets. Is there a simple way to copy and paste the formatting to repeat or do I just have to struggle through the poorly made platform until I can afford to upgrade to a better service that actually has a user friendly interface? I already know how to add blocks and adjust them, it just isn't as simple a task as I would like, and I cannot imagine it's a unique problem so I assume there either has to be someone working on making it easier, or it's simply a matter of the company not really caring about the users.
  9. Site URL: https://sparrow-opossum-cbnn.squarespace.com/about#our-team I have built a "team" section on my client's 7.0 Brine site at https://sparrow-opossum-cbnn.squarespace.com/about#our-team (p/w: Melissa) that leverages code blocks to create a hover effect/light box for each team member. It looks great on desktop, but when you move over to mobile, because they are individual blocks, they stack in a single column. Since there are a lot of team members, this makes for a very long scroll, so I would like to have them stack in two columns on mobile screens. Is there some simple CSS I can use to target these blocks in mobile?
  10. Hi squarespace! Im having a bit of trouble creating a split screen that has text blocks on either side. Ive figured out how to do the following with an image. However, how do I create the examples attached. Heres my css code: section[data-section-id="614a1d0f24ff414dcbe83d34"] { .content-wrapper { padding: 0px !important; margin: 0px auto; display: contents; } .sqs-layout .sqs-row .sqs-block { padding-bottom: 0px !important; padding-top: 0px !important; } overflow-x: hidden !important; overflow-y: hidden !important; } .image-card-wrapper .sqs-dynamic-text-container { padding: 100px !important; }
  11. Site URL: https://www.chicagomagiclounge.com/overlay-test Hello, Is it possible for my 'purchase tickets' code block (located in the right column) to be the first block in mobile view (above the headline) using css?
  12. Site URL: https://www.iambabydogg.com/ Hi, Wondering if anyone in the community is available and /or able to help us with a custom code issue? We have a website that had a custom code video intro... and for some reason it's not loading properly. On the backend - editing /admin side - it looks normal like everything is right. However, there is some problem with it loading on the front end when you go the website iambabydogg.com See screenshots on attachment. The black screen is what it looks like to us when we go to the site.. the version with image is from the editors panel and is what it should look like with the video pre roll intro. This is all support would give me https://support.squarespace.com/hc/en-us/articles/205815928 Thank you
  13. Hi there, can anyone let me know if it's possible to add expandable sections in Squarespace? For example I would like to create a FAQ section, where each question expands with the answer when clicked on... Or if there's relatively easy code to make this happen? thanks
  14. Site URL: https://endive-denim-89ds.squarespace.com/resorts pw: 1404-Hello Hi community, I have made a wall of images on my page that looks great on desktop, but feels way too long on mobile. I would like to display two images per row (kind of like an instagram page) for mobile screens only. I have tried with the code below that targets the section only, but it doesn't put the images side by side... Any help is appreciated. Thank you ! @media screen and (max-width:767px) { div#page-section-5fd63cbbc4373837b905ef57>.row { display: float; justify-content: space-between; align-items: center; width: 50% !important; float: left; }}
  15. Site URL: https://forum.squarespace.com/topic/74152-copy-and-paste-rows-blocks-within-a-page/ Since 2017, at least, many users have requested to be able to copy / paste a block when creating a page. See here : Clearly, the way this thread has been handled is not professional. No answer about a potential implementation date, nor if it would be implemented. In addition, the thread was Locked while it was still getting replied, obviously, because it was not addressed !! So if anyone still feels that Copy / Paste should be something we can expect from a website creation engine like Squarespace, please comment below ! Cheers.
  16. Site URL: https://www.solokristi.com/the-party Hi, I am trying to center align the blocks so that the second row/block appears centered. Right now it is right aligned. Is there any custom css that could help?
  17. Site URL: https://gutresolve.squarespace.com/ Brine template / 7.0 - I'm using CARD, OVERLAP & COLLAGE Image blocks. I'm having a STRANGE issue on mobile (phones only, tablet is fine) where it's removing the first letter of each title (see attached examples or view the site, link below) The site URL is: https://gutresolve.squarespace.com/ PW: GUT I did added custom CSS for the font sizing on mobile however, I tried removing the CSS and it didn't make a difference, the issue was still there Here's the CSS code I used ------------- p, h1, h2, h3 {hyphens: manual !important; -webkit-hyphens: manual !important; -moz-hyphens: manual !important; -ms-hyphens: manual !important; } @media screen and (max-width:990px) { .image-title-wrapper * { font-size: 36px !important; }} @media screen and (max-width:990px) { .image-subtitle-wrapper * { font-size: 22px !important; }} ------------- @tuanphan Do you have any ideas on this issue??? It's so strange! The attached shows the same section on mobile vs Desktop TITLE: MEET DANA TITTLE: OLDER PEOPLE
  18. Site URL: https://www.dolcecotti.com/ Hello, I'm currently trying to get the product quantity square and the button to be on the same level "line". I've managed to get almost what I want with the following code: .product-block .quantity-label { display: none !important; } .product-block .product-quantity-input input { margin-top: 1em !important; width: 35% !important; display: inline-block !important; float: left !important; text-align: center !important; } .product-block .buy-button, .product-block .sqs-add-to-cart-button-wrapper { margin-top: 1em !important; width: 65% !important; display: inline-block !important; float: right !important; } I can't get the button to occupy the entire width of the block. Website: https://www.dolcecotti.com Pass: Test1234 Should be fairly easy but can't figure it out, hope someone can help! Here I attach a picture of the current situation and my goal.
  19. Site URL: https://www.tocatchfilms.com/wedding-portforlio Hi there, I am a videographer, and I would like to create text blocks that once clicked on, reveal my portfolio section. For example, there will be "Highlights" and once clicked on, it would show all of my highlight videos. I would like it to reveal within the same page, and be to closed/opened seamlessly. I've attached this website (beigecashmere) that displays EXACTLY what I am trying to achieve. If anyone could help that would be amazing, since this would require some custom coding. Thank you in advance. https://www.beigecashmere.com/videography My website for reference: https://www.tocatchfilms.com/wedding-portforlio Cheers!
  20. Site URL: https://www.libeluladesol.cl Hi there! Anyone knows why code block appears likes this when I'm codding? Yesterday when I was adding code blocks, I could see how the changes happened wthe same time I was codding, now it just look this: To see the changes I need to save changes and then refresh the website...
  21. Site URL: https://tjr-new-site.squarespace.com/ hey hey! I'm using a code block (with HTML + JS, then CSS) to create a draggable block section. Under 'About.' (Brine/Rally 7.0) These images under 'About' can be moved around the page with cursor by a visitor. I used CSS to set the starting location of each individual image. When you view the section of the index page as its own page, it works as it should. When the section is viewed within its index page home, the images cannot be moved to the left on the x-axis. Works (able to slide img around): https://tjr-new-site.squarespace.com/about Does not work (img can't move to the left past its starting place): https://tjr-new-site.squarespace.com scroll down to About pw: troysitehelp Any ideas on why it works in one place and not the other, and how to address? Thx.
  22. Site URL: https://support.squarespace.com/hc/en-us/articles/206543647-Resizing-blocks In the video https://support.squarespace.com/hc/en-us/articles/206543647-Resizing-blocks the user is scaling and moving blocks around. The UI looks different so I am assuminging its an older version. I don't seem to be able to do this in the current version. Is this not possible now? Do I have to do it with code in the CSS page?
  23. Hi there, I'm having issues with a new list block on mobile that I'm using on my website. I'm using the list content block shown below that allows you to integrate a carousel with multiple cards to scroll through. Within our design, we only have 1 card with a content block centered over the background image, basically just using the content block to display a single image with copy over top. Within the content section, I have turned off the navigation arrows since there's only 1 single card to display, and on desktop it works as expected. However, on mobile, you can still see the navigation arrows on the tile, even with the navigation turned off in the options (see below). Any recommendations on why this may be occurring? Is this just a bug within the content bucket or is there some custom CSS I can add to the site in order to remove those buttons? From a UX perspective, when you click on them nothing happens so I'm not too concerned about them ruining the experience. I just want them removed since it may cause some confusion for the user and it doesn't look as clean. Thanks for your support!
  24. Site URL: https://tan-sheep-h4y8.squarespace.com Hello, I am needing assistance with the layout of the site block order specifically for mobile view. For the sake of editing I've hidden and disable this page, refer to my attachments for desired outcome. Currently desktop view is exactly as intended, however, the block order on mobile POV staggers all the text downwards. Ideally I want mobile to be identical to desktop. If you look at the current site I wasn't able to achieve symmetry, hence the site 'name' only being visible in the top left corner. Any suggestions or help is appreciated!
  25. Site URL: https://deliamonk.com/services Hi! To create pricing tables I've used image stack blocks with some code to style but the heights are all different. I added code to make them equal height but this code isn't responsive, so they're not equal heights on smaller screens (mobile is fine as it stacks). Does anyone have code to remedy this?
  • Create New...