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

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://colourintelligence.co.uk/our-team I have used the squarespace design features to create a Team page which shows a picture on the left and some text about the person on the right. There are various options on set up but I chose this two-column format. It works really beautifully. However, the problem I have is how to add a member to the team. So I added two members originally. When I come to add the third member it is more of a manual process. I can insert an image and insert text. But i can't replicate the layout of the original two team members. The only way around this, I have found, is to delete the page and create a new one. But this is not optimal of course. I am somewhat familiar with the design features; so you can add an image and choose whether there it is inline etc. But what would be really helpful would be if I could just copy the previous member's image and text and then edit that so that the layout would be exactly the same. I hope this makes sense. You can see the problem in the web page I linked to. Am I missing something obvious? Or is there a really easy tutorial for this sort of thing? Any help would be appreciated. Steve
  2. Site URL: https://podread.org/subscribe Hi Everyone, I'm hoping for some help to get these three buttons to sit alongside each other on mobile, so they're in one row / 1/3 each Site: https://podread.org/subscribe Password: READER Thanks in advance for your help!
  3. Site URL: https://studiofurks.com/clients Hi! Does anyone know how I could apply CSS to remove the white space in this list in Mobile view? It is in a two-column format, and the space shows from the bottom of first column in mobile.
  4. Site URL: https://adrianrydz.squarespace.com Hello to everyone. I would like to set up 2 columns in my carousal design sections with adjacent slides (another option that is lack in mobile). There is only option to do it for desktop version (so I chose 4 columns that looks good with adjacent slides) but there is no option to do it for mobile version where I would like to have 2 columns with adjacent design. password... yumichan
  5. Site URL: https://brownlee.squarespace.com/flyers-1 Right now I have the 3 images so they are 3 cols wide on mobile... that's how I want it to be. BUT, how I have it set up, it also makes that far right col, with the pricing table small on mobile too. I would like that col to be full width on mobile. So, my. question is how do I ONLY shrink those 3 image columns? Currently I'm using this code: /* 3 columns mobile */ @media screen and (max-width:640px) { #page-section-609d99f20dcef4527cd0d399 .span-2 { width: 33.33% !important; float: left !important; } }
  6. 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 that you are an expert when it comes to this problem, maybe you can help? thanks!
  7. Site URL: https://www.aestheticstudiowellness.com.sg/home Hello, I am trying to reverse the order of the image, on mobile, to be over the text at the bottom of this page (https://www.aestheticstudiowellness.com.sg/home). The "Find us to start your journey today" section I want it to be, image > text - button, on mobile How would I go about doing that?
  8. Site URL: https://emilie-iggiotti.squarespace.com/the-truth-in-you I saw this effect recently on a website (https://www.violahillstudio.com/) where the contents of two columns are vertically centered without using spacers. I've tried inspecting the code of the website and can't figure out how to achieve the same effect on a client's website. URL: https://emilie-iggiotti.squarespace.com/the-truth-in-you Password: emilie What I'm trying to do is in the index where the image block and text block appear beside each other, I would like to vertically center align the contents rather than have them align to the top of the index and have this effect maintain down to a screen size of 640px, after which the blocks stack on top of each other. I would ideally like to achieve this without the use of spacer blocks. I've attached an image that might help to explain this better. Any guidance would be greatly appreciated!
  9. Site URL: https://www.jonagrey.com/film Help! Common question here, but I can't seem to make my 'video' page show 2 or 3 columns on mobile. Any help would be SO appreciated thank you!
  10. Site URL: https://www.blueridgeresearch.com Hello, I have a "previous" and "next" text box at the top of my team bio pages that stack when viewed in mobile view. I would like them to appear as two columns (on the same line) like they do in desktop and tablet view. Can someone give me simple CSS code to do this? I only want it for specific pages so I guess it would go into the specific page header, not the Custom CSS under Design. Here is the URL to one of the pages: https://www.blueridgeresearch.com/michael-james. Also, here is a screen shot of the mobile view. You can see the problem I am describing. The word "next" stacks below "previous." Thank you very much for any help you can give me.
  11. Site URL: https://www.imagineifnyc.com Hi, I have been following this thread the last day or so and cannot get the code to work for 2column view on mobile 😞 on my home page. It works and displays well on desktop view but not on mobile. Could use any help w /this. * side note on my latest drops page it works just not the homepage, I'm lost.
  12. 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.
  13. Site URL: http://www.bulbastore.com When I view my website on mobile, the inventory is only appearing in one single column. I will have hundreds of items, so it doesn't make any sense to only have one column. It would take a customer hours to browse everything I'm selling. Every other online shopping website on the planet has multiple columns when shopping. But when I contacted squarespace, they informed me this is is just how life is and there's nothing I can do to fix it. Any input would be greatly appreciated.
  14. Site URL: https://angelicadesign.co/ Hi guys! Desperately trying to figure out how to code the icon image blocks to sit on the left of the text blocks on mobile view (instead of stacking). Send HALP! Thanks in advance 🤖
  15. There are some problems with my site when it displays on a tablet, but not on a website or mobile display. 1. How do I align the links in my footer? 2. How do I increase the line spacing for the pages under 'Tours' in the navigation menu of the site header? 3. On the 'Partners' page, does the title 'Meet the Partners of Midland Food Tours' now display correctly on a tablet? Thank you!
  16. Site URL: http://meridandmagna.com I am trying to center my social link and reservation button link within it's section but can't seem to target the right elements. Is there a way to center each column horizontally?
  17. Site URL: https://outdoorswelearnmadison.com Hi! Does anyone know how I could apply CSS to remove the white space in this list in Mobile view? It is in a two-column format, and the space shows from the bottom of first column in mobile. Your help is greatly appreciated!!
  18. Site URL: https://www.iwpcapital.com/database-info-1 Hi! I'm working on a site that has a subscription service for an app they developed. Their are monthly, annual, two-year and three-year subscription plans. I have laid these out in columns but when viewing on mobile, the buttons don't stay with their subscriptions (which I understand due to responsiveness hierarchy). Anyone have a workaround/solution to get the buttons to stay with their subscriptions? Thank you in advance for any suggestions you might have!! 🙂
  19. Site URL: https://www.kendracampbell.com.au/home2 Hi! I have dropped in some custom made icons using the markdown block (I did this rather than an image block so I could keep the icons as svg). What I am now trying to achieve is to have these blocks break into two columns on mobile. Currently they just stack one on top of each other but that just makes it seem like you're scrolling for ages to get past that section. If anybody has any idea how to achieve this it would be greatly appreciated!
  20. Site URL: https://www.raconte-moidessalades.com/mosaique Hello, I created a page to show all my posts at once... Was happy to find a way to counter the 30 limit AND have a nice looking wall of pictures by creating myself a model for 30 images that ended at the same level so I could keep going on "forever": ...only I hadn't seen yet that you could only set the summary images by width size and not a number of columns. 😥 On my rather big desktop screen (32"), it displays 6 columns, so there is weird gaps between two summary blocks (obviously) > I would like to set it at 5 if possible by adding some css And on the other hand, on mobile, it shows only 1 image per row, but since I have a lot of pictures (and it's only gonna keep growing), I would like to set it at 2 Here is how it looks with 5 per row: Not yet a full year (close though) and already 96 posts I can do really easy code (like point to a block and change the size, color or font), but this is too complicated for me. 🙄 If anyone can help with a CSS code, it would be SOOOO much appreciated: Either one code to set the desktop display on 5 columns and another for 2 columns on mobile Or maybe there is a way to simply set the minimum of columns to 2 and the maximum at 5 (let it do what it wants in between... I'm not gonna be able to control it anyway, and I don't really care -a very low percentage of viewers on tablet-) Here is the page I refer to: https://www.raconte-moidessalades.com/mosaique Also, I have a personal plan, so I can't inject code in the header of the page but only on the design page. Hopping to find a nice helper here 😁, Have a good day, Letizia
  21. Site URL: https://cyan-teal-3zmw.squarespace.com/blog I'm working on making my basic grid blog switch from 3 columns to 2 columns at medium screen widths so the columns aren't absurdly narrow. I've applied the CSS that's been shared frequently in this forum, but the weirdest thing is happening — it totally breaks the layout, but ONLY on the main blog landing page. It works just fine if you navigate to a filtered view by category or tag, (e.g. https://cyan-teal-3zmw.squarespace.com/blog/category/In+The+News). Any help would be hugely appreciated! Here's the CSS I'm using for the column switch: @media screen and (min-width:768px) and (max-width: 1024px) { .blog-basic-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; grid-column-gap: 40px !important; } } Site password: governance
  22. Site URL: https://alexandrahall.squarespace.com Hi all, I currently have a couple columns on my website on the "Flower" page. However, when i view it in mobile, all of the columns look crooked and mismatched (I attached a photo for reference). Any idea how to make the column an actual column on the mobile version rather than a stacked mess. The columns are on the "Flower" tab. Password: brineintopedro
  23. Site URL: https://www.buffcs.com/services Password: test I'd like text block > line > text block to appear on mobile as it does on desktop. Right now, everything's stacking. Please help! 🤯
  24. Site URL: https://www.elliotmaeve.com/ I am trying to set up my "shop" page and currently have no columns on mobile view and I would like 3 columns please so its easier for viewers to look through products. I have tried a bunch of codes that I have seen people using on this forum, but none of them seemed to work. Can you help me out? SIte URL: elliotmaeve.com
  25. Site URL: https://crimson-perch-hbkb.squarespace.com/config/pages/60644f285d7a243e5b06dcae Hi there, Wondering if anyone can help with some CSS to change view on mobile to two columns for portfolio page, have selected simple grid layout with title under image? Many thanks in advance for help!
  • Create New...