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


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • 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

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

  1. Site URL: https://illumespa.ca/services I am trying to figure out how to reorder my image blocks on mobile. On my Services page, I would like each image to display before the section. Currently every other section displays correctly (hands, face, treatments, make-up) but the others have the image below the content (feet, body, hair removal). How can I reorder them on mobile only to have each image display above it's content?
  2. I have 3 custom code blocks that are next to one another. When I push "save" the 3 code blocks stack on top of one another. Does anyone know why my code keeps stacking rather than sitting next to each other? I'm not sure what I'm doing wrong. <html> <head> <style> .collapsible { background-color: #225d71; color: white; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; } .active, .collapsible:hover { background-color: #89c7c0; } .content { padding: 0 18px; display: none; overflow: hidden; background-
  3. Site URL: https://k2.life This is how it looks on a desktop version, how would I go about making two images at a time to show? Also is it possible to make the "Some of Our Recent Customers" to display at the beginning rather than the middle.
  4. Hi there, I'm working on a site and see the standard for mobile view is to stacks blocks vertically instead of horizontally. Is this something that can be changed? Thank you!
  5. Site URL: https://dory-orca-6nsp.squarespace.com Hi there, I am trying to reorder some blocks of text and images on mobile for my site. I wish I could figure out how to do this same display using Flexbox but I am not there yet! So instead I have used text blocks and image blocks and spacers. On desktop it appears as: text1-image2-text3 image1-text2-image3 I would like it to be like this in mobile: text 1 image1 text2 image2 text3 image3 Thanks in advance. Pword is: rainbowsgo
  6. My image won't fit the container, it always wants to crop the edges out so you can only see it's full size if you click onto the lightbox. I need to be able to see the whole image at all times with no cropping and would like it to scale that way for all devices/screen sizes. I am using Brine template. Here's the page with image so you can see for yourself: https://www.petticoatemporium.com/pitch-layout I feel like I've tried everything but with no success! It seems so simple so it is so frustrating! Hope someone out there can help me! Thanks,Zak
  7. Site URL: https://www.theduophotography.com Hey, as im a photographer want to share my photos in blogs. I like the stack gallery but the problem is that i cant put two portrait images on the same raw or make any changes so i decided to add each photo separately with photo blocks as some times i want to add two portrait photos or maybe three on the same row. The issue is that with this way there is a lot of padding between photos and i find it distractive. Attached you may find a photo (by photographer Joy Zamora) to get what i mean. How can i make the padding between photo blocks in blog pag
  8. 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; }
  9. Site URL: http://vividbooths.co.uk I have a staggered layout (works well on desktop), but 2 pages on my site need the second row column order reversed for mobile view. http://www.vividbooths.co.uk First is in my home(index). Page title is 'cascadinginfo' and the second row displays 'weddings' section using a card block on the right column, with a separate associated image displayed on the left column. Mobile view results in the 'weddings' associated image preceding the card block 'weddings' , but for continuity, I need the column reversed for mobile view.
  10. Site URL: https://wolf-panda-dnzy.squarespace.com/team Hello! I am creating some pages for a client that requires a lot of blocks next to each other, in a specific order. In one case, it is a team page where each person is in their own block, arranged chronologically when they were here. If a new person needs to be added as the latest addition to the team, they should be the FIRST person now, but this means, moving EVERYONE over and re-creating all the blocks? In the other scenario, I have a long list of blocks that are arranged in alpha order. If a new item needs to be inserted that ha
  11. Site URL: https://chihuahua-porpoise-hy7x.squarespace.com/ Hi guys i seem to be having trouble with some code when overlapping sections on 7.1 On my dashboard it is fine, but when i send the link to someone to view, it goes all out of shape covering all every section. Also it does not constraint the mobile version of the text either. Can someone see the issue with the code at all please? [data-section-id="5f05ba10c138084aa1ceeab5"] { width: 80%; position: absolute; min-height: initial!important; z-index: 30; left: 50%; -webkit-tr
  12. Hi, can anyone help? I am having trouble with the food menu block layout, the styling of it means you need to have a title, description, price. But on the starters I don't need to have a description for something like "Olives" without it though it doesn't move the pice into the correct place. I can put a character in the space where the description is to move the price over but it doesn't look nice. Does anyone have any ideas? Many thanks, Jo
  13. Hey I'm trying to have these 2 columns that are placed on a single page's content with text blocks, scroll separately. Right now they are seated next to each other and scroll at the same pace with the entire's page width. Anyone got any Idea for something that would be simple to employ without inundating the page with too many code blocks to keep it simple for a client. Here's the URL - WEBSITE LINK - password: Juliahugo @tuanphan got any ideas? Here's an image - Need the Exhibitions and Fairs columns to scroll.
  14. I'm working on my first site in 7.1 and I'm frustrated with the massive amount of space after a header when I do a hard return, For example, if I have one line in H1, hit return, there is a large space between the first line and the second one, whether it's a paragraph or another header, Is the any way to reduce the spacing when I do a hard return after a heading? Tweaking line height in the style editor doesn't help.
  15. Site URL: https://hotelanimalmelb.squarespace.com/ I'm looking to change the order of some Image & Text blocks on my Squarespace 7.1 mobile site. WEBSITE: https://hotelanimalmelb.squarespace.com/ PASSWORD: animals I'm looking to put the image relating to 'THE 27 CLUB' heading on top when viewed in mobile. It currently organises itself to below the text and isn't the same as the other two paragraphs/images.
  16. 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
  17. Site URL: http://www.maevaberthelot.com I built my website with Squarespace 7.1 and on the mobile version the blocks in the footer seem to be automatically stacked vertically (pic 1). I am trying to get all the blocks in one horizontal line like on the laptop version (pic 2). Does anyone know how this can be changed? Thanks in advance!
  18. I have these "hop scotch" sections in my site. On mobile this section looks like garbage because it goes content, image, image, content. Is there anything I can do to make it go image content image content? @lu.diehl @tuanphan https://lettuce-grapefruit-bdsr.squarespace.com/ PSWD socialive
  19. Site URL: https://capao.squarespace.com/our-story Website password is capao I'm looking for assistance in changing the position of some blocks within a row for mobile view. I'd like all the images within this row or section to have all the images on top of the text. I've tested the following style but I can't figure out how to target the row with the 2 block I'd like to switch. display: flex; flex-direction: column-reverse;
  20. Site URL: http://mywellness4all.com Hello, I am using 7.1 Bailard and trying to add a gallery block to my home page to get a slideshow, but there simply is no section for "gallery" under the "content blocks." I looked at other online videos and screenshots and it shows the gallery section is supposed to be between "summary" and "image layouts." But, that isn't the case for me. See attached screenshot for visual. Any help?
  21. Site URL: https://plantain-tuna-r92h.squarespace.com/ Hello, I am having difficulty writing custom code to layout specific blocks when viewing in mobile. I am trying to make the image on the right, appear before the text on the left when viewed on mobile. I have included some images below to illustrate how the site currently looks on mobile. The first image shows the desktop view while the remaining images show the layout when viewed on mobile. I would love to have the image (printer) appear on top of the text. The block ID for this is #block-yui_3_17_2_1_1592845583541_
  22. Site URL: https://www.marykatemcdevitt.com/work#/part-of-the-progress/ Hello, hello! I am super new to Squarespace with no experience building a website. (Sorry if the terminology is off, this clearly isn't my day job! 😜) I really love how this website is set up and I'd like to kinda follow her example to set up my own content. I am curious - is this an example of a default gallery page? And is this a custom page that's been set up with the various blocks? Is there something I can look at in the code to see how a page is setup? I'm also starting with the Avenue template.
  23. Site URL: https://barbari-herbal-spliffs.squarespace.com/ Hello, I am trying to change the order of my blocks in 7.1 and I know I can do the following to accomplish it: div#yui_3_17_2_1_1592592061173_386 { display: flex !important; flex-direction: column-reverse !important; } I do this in my inspector and it works. BUT I add it to my CSS, then go back to check to see if the code is coming through and its not working because the ID changes? Has anyone else experienced this before? Is it new with 7.1? It was "yui_3_17_2_1_1592591448498_393" at one point, then "yui_3_17_
  24. Hi, I'm trying to change the top-padding within the content wrapper on my home page, but unfortunately I'm missing the block id for the div I want to edit. I only have the yui id so whenever I do make the change it goes back to the original when refreshed. Attaching screenshot below so you can see. Am I missing the block id somewhere? Thank you!
  25. Hi, I hope someone can give me some advice. For the past 24 hours I've been trying to link a few products to product blocks on my website. I'm experiencing two problems: 1) I am unable to associate products to product blocks. When presented with the popup box and the "search products" tool, I copy and paste the exact product name into the text field, but Squarespace is unable to find the product. 2) On a couple of occasions, the system was able to find the product page, but is associating the wrong image to the product. In these instances, I went back to the product page and ver
×
×
  • Create New...