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

Search the Community

Showing results for tags 'columns'.

  • 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
    • 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


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Hi, please see attached screenshot. I would like my SHOP menu folder to be in two columns with work for sale on the left (Sand Dunes through Books) and information about the work and additional items on the right (About Our Prints through Give the Gift of Art). Right now it is one long menu. At one point I searched this forum and someone posted custom CSS that broke folders into two columns. You could select which drop-down folder to turn into columns and how many columns. This was a great start but you could not determine WHERE the break occurred, it simply broke it up evenly so if I had more
  2. Site URL: https://www.bockmaster.com/about Months ago, I had formatted my site for mobile with a bunch of CSS and it looked perfect. I just checked it on mobile and realized that the sections that previously looked beautiful with stacked content are now in narrow columns! My CSS is still there and is applied, but it doesn't look the way it's meant to because of these columns... Has Squarespace changed something that would have caused this? Screen shots to show how it's looking currently.
  3. Site URL: https://infinityfs.squarespace.com/individuals I'm building a new site on 7.0 Brine, and I'm trying to figure out how to change the background color of an entire column if it's possible. I managed to emulate the look I want by changing the colors of the spacers, image, and text block that make up the column, but as expected, it breaks when the page gets smaller because the spacers shrink vertically relative to the image block. If I want to make this work, I need to be able to color the entire column area. Is this possible? As long as this question remains open, the site passwo
  4. Hi I'm looking to change the background color within a column (see below for an example) however it doesn't seem that I am able to do that within the confines of the current template. Is there a way to add a custom CSS code to make this work? Thanks in advance :)
  5. Site URL: https://hoplitehobbyist.squarespace.com/config/design/custom-css Hi everyone hopefully you can help, I'm really trying to reduce the size of our images on our mobile screen. Lots of similar companies have their products displayed i n two columns on mobile devices. I'm very novice when it comes to web development and to be honest at the beginning of our journey I don't have copious amounts of money to spend to hire an expert. I have spoken with square space customer services, who have told me that there is no specific way in the template design to do this. This seems rather silly as
  6. Site URL: http://araraswim.nl Hello all, I would like the mobile version of my website to have two columns on the product pages instead of one. How could I do this? thank you very much in advance.
  7. Site URL: https://corn-apricot-zn88.squarespace.com/config/pages/5eb34fc7f518e77c1a94811e I am using this code to make 3 columns. Is there a way to make the left column 20% and the right and center 40% each? I tried .column-right etc, but nothing happened? it is in my blog pages. i want a smaller info column on the left. #block-d7058d0917c5f8279a56 {width: 1800px!important;display: block; margin-left: auto; margin-right: auto; column-count: 3!important; column-gap: 40px; max-height: 500px!important; }</style> https://corn-apricot-zn88.squa
  8. Site URL: https://shop325found.com/ Hello, I have an amazon affiliate page with products that I would like to display two products per row on mobile and tablet. I am using the Amazon Block and I was wondering what custom CSS I should be using to achieve this?
  9. Site URL: http://www.bbarinaga.com Hello, I am on 7.0 and am attempting to simply make one individual summary list (grid) switch to 2 columns on mobile. I have used the following code and it works, but the change is applied to all summaries and I only need it for this one: https://www.bbarinaga.com/portadasebooks @media screen and (max-width:640px) { .sqs-block-summary-v2 .summary-item.positioned { width: 50% !important; position: static; } .sqs-block-summary-v2 .summary-item-list { display: flex; flex-wrap: wrap;
  10. Site URL: https://cat-wedge-xh9c.squarespace.com/about I have two gallerys on my 'About' page - one for staff and one for our BOD. I want only one of these - the BOD - to display in three columns on mobile. By using this code : @media screen and (max-width:800px) { .gallery-grid-wrapper { grid-template-columns: repeat(3,1fr) !important; grid-row-gap: 3vw !important; } } I can change it to three columns, but it changes both of the blocks on the page. Can someone tell me how to just specify that one section that I want to change? Thanks! Website: https://cat
  11. Is it possible to have a slideshow gallery in 7.1 inserted into a column (2-column width page) - any help on this would be much appreciated!
  12. Site URL: https://oriole-grasshopper-yxhx.squarespace.com/ Hello, I'm looking for some help in customising my navigation. Ideally replicating what I am able to create in my footer; 4 columns that are responsive in line with my content on the page. Check out my URL and you will see that I am using a 4 column grid for imagery, and I would love my navigation to follow suit. Currently I am playing around with padding, unsuccessfully. Any help would be greatly appreciated 🙂 . Thanks! Ryan
  13. Site URL: http://www.RebeccaCantCook.com Hi friends, I'd like my mobile view to more closely match my desktop and I need some help. I'm on a Brine template so turning off mobile doesn't seem to be an option. I added some CSS code to give more blog post thumbnails per line but that's about all that has worked for me so far in adjusting the mobile spacing + columns to mimic desktop. I got my category section (a grid gallery of 3 images) to show in 2 columns but I'd like them on one line (so 3 columns for that block) is that possible? The rest of the home page banner blocks
  14. Site URL: https://www.elevateptr.com/ Hi - is it possible to add css to this text box that I added columns to so on mobile the block shrinks and looks better vs. the letters wrapping like the attached image?
  15. Hello! I am building a site using the Hester template and it won't let me add more than four columns to my product page. I would like to display 6 or 7 products per row instead of the four. Is there someone who could help me with this? Thanks! David
  16. Site URL: http://daisyedwardsaudio.com All of my site is stacking as expected on tablet view & smaller browser windows, except one section on my home page where the image and text stay side by side. This means the image remains small and square on the left hand side with a lot of blank space below it, while the longer text is extended down the right hand side column alongside the blank space. It was stacking fine until I made some other unrelated text edits to the same page, is there a solution I can use to force stack these items when on iPad/reduced width screens? Thanks!
  17. Site URL: https://hugseat.squarespace.com/ Hi guys, I am trying to split my Index Page in Brine in 3 identical text columns, each customizable with its own text. I got it to split in three, using CSS (see code below). However, it doesn't scale properly on various screen sizes. For now, it seems to work on desktop screens from 13" upwards. However, smaller than that, it doesn't scale and creates white space under some of the blocks (see print screen). Also, on tablet view it becomes a big mess. Is there anything I can do to make it more responsive? It
  18. Site URL: https://www.shopfamilypop.com/ is it possible to make my product page 2 column wide and close together in mobile view?
  19. Does anyone know how to display the Instagram block as 3 columns in mobile view? Our Instagram feed is reliant on 3 images being showed side by side, so when SS automatically converts it to 2 columns - it breaks the flow of it entirely. Using the Brine Template - have attempted CSS code but it appears the block natively converts to 2 columns regardless.
  20. Hi! I'm building a product page in 7.1 I would like there to be a single column of products. Current options are 2, 3 or 4 columns. is this possible or impossible? Many thanks, Charlie
  21. Site URL: http://fakoshimaesentai.squarespace.com Site URL: http://fakoshimaesentai.squarespace.com Hi everyone, I am trying to create a 2 column grid on mobile using css, but the codes that I found do not work for me. I used custom css to create "swap of hover" images, and Now I need to put everything in 2 columns. Another thing is that I need to put a text box and a button underneath each image. If someone knows how to figure it out please help. Appriciate. The page I need to figure out -https://fakoshimaesentai.squarespace.com/290405038627 Thanks! @tuanphan I ve seen t
  22. Site URL: https://www.cogenten.com/our-team Greetings All, I am happy with my 'campy' page for 'Our Team'. But I would like to include additional team members in the same row. I don't see a mechanism for doing that. Thanks for your help!! Paul
  23. I would like to have three columns in my form, under "Coffee Shop Supplied", so that users can input information for multiple roasts within one form submission. For example: Roastery Name * Coffee Shop Supplied * Column One. Column Two. Column Three. 1. Roast Name 2. Roast Name 3. Roast Name 1. Origin(s) 2. Origin(s) 3. Origin(s) 1. Process(es) 2. Process(es) 3. Process(es) 1. Notes 2. Notes 3. Notes How do i do this?
  24. Site URL: https://www.alceasurrogacy.com On the home page, I'm trying to lock the blue buttons on the bottom in the 3rd section to make them all even no matter the width of the screen. The 3 column layout gives me trouble since the text is different lengths. I tried adding a new section with the buttons but they won't line up on mobile. I'd love any help you can provide. (Don't know if this is a CSS fix or if Squarespace has a solution, but I can't find anything about this online!) Password is umlautagency - going live on 6/30
  25. Site URL: https://turtle-groundhog-6gtg.squarespace.com/ I have a section of four poster image blocks on a homepage that I would like to appear in two columns (so they appear as 2x2), not stacked (1x4), when viewed on mobile devices. I can get them to appear at the desired smaller size in mobile with some css code I've added, but they're still stacked, one column wide, one on top of the other. Any advice on css changes/additions would be appreciated! https://turtle-groundhog-6gtg.squarespace.com/ pw: mockup Thanks!
  • Create New...