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

Search the Community

Showing results for tags 'section'.

  • 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. Does anyone know how to reduce the padding of the Blog & Store sections using CSS, on v7.1? The default top margin of the blog and store gallery is way too big. Thanks!
  2. Site URL: https://www.auntyhong.sg/ Hi, I have a section in my main store page called "Categories" where my three categories of SKUs are displayed. I would like that section to disappear on the individual category sub-pages so that users do not need to scroll down through the categories again. Appreciate any help with this! The site is auntyhong.sg. It is alr live.
  3. Just want three images across a section. No borders. Full screen width. The three photos I inserted are just sitting in the middle?
  4. Hello! I want to create a section with 2 columns, including 1 solid color block with text (left) and 1 block of full-bleed image(right). I've created a blank section with 2 columns of text and space, added a background and tried to use this CSS @media screen and (min-width:768px) { [data-section-id="5fe62d4ed107c369c5a6bc74"] .section-background { width: 50%; left: 50%; } } It went well to push the image to the right column, but I cannot change the solid block background color for some reasons. It kept on being white background no matter themes I chose. I
  5. Site URL: https://fuchsia-ladybug-zft7.squarespace.com/ I'd like to add a title to a gallery, but since Squarespace eliminated the gallery block and replaced it with only offering a gallery section, there's way too much padding between the title (in it's own section) and the gallery (in it's own section). I tried this section[data-section-id="5ff391b818d44937a946848c"] .padding-bottom: 0 !important; } But it didn't work. Help? Password = CBD
  6. Site URL: https://www.chwoon.me password: chwooned Hello! Hope you are well and safe. I would like the logos on my homepage in the top section to align with the base of the section (see image). So far when I add a spacer it only stretches the section but does not get any nearer the bottom. I have tried using on the image block with CSS: margin, padding and align...but no luck The background image is moving as parallax, so want to keep logos "floating" on top. Any help is greatly appreciated! Thank you.
  7. Site URL: https://www.sierraccook.com/ Hello everyone! I am struggling to figure out how to change the height sections on mobile. On a desktop, the large height sections look great, but on mobile they are spread way too far apart. This is the amount of space on a desktop: And this is the amount of space on mobile: I would like for the distances to be about the same on both screens, and would also like for the images on mobile to be the same width. Since the images of the phones are actually background photos, changing the hei
  8. Site URL: https://www.chwoon.me/footwear password: chwooned Hello, I would like the index images to change depending on device: mobile or web browser. I have tried using ccs to hide the lower index on browser and show on mobile using: section #yui_3_17_2_1_1607780601651_292{ display: none !important; } @media only screen and (max-width: 640px) { section #yui_3_17_2_1_1607780601651_292{ display: block !important; } } and: div#yui_3_17_2_1_1607780601651_292{ display: none !important; } @media only screen and (max-width: 640px)
  9. Site URL: https://endive-denim-89ds.squarespace.com/hotel-de-syeres https://endive-denim-89ds.squarespace.com/hotel-de-syeres pw: 1404-Hello Hello, I would like to know if it's possible to resize the first section background on scroll for mobiles? The image takes 100% viewport height on page load, but it crops a lot of the picture. The user should be able to view the full picture when he/she scrolls. Can it shrink on scroll to something like 20vh? Please advise, Many thanks!
  10. Site URL: https://dinosaur-fennel-sh5w.squarespace.com/ Does anyone know CSS that can make the top "section" of a page fixed for specific pages? I am essentially trying to create a secondary navigation on an individual page, but have that section / secondary nav fixed when scrolling. Below is a link to the page I'm trying to do it on. I would like the dates fixed (2020, 2019 etc) https://dinosaur-fennel-sh5w.squarespace.com/paintings-2007-2015-1 Password: 2020 Thank you!
  11. Site URL: https://www.colinmacknair.com/ Hello, I'm trying to create a one page website that will just be a solid black background so that if someone is on a web browser there's nowhere to scroll and it will just resize with the window it's being viewed. Here's an example website that I'm trying to mimic. https://www.petermckinnon.com/ The website will resize with the window and if it is resized to portrait mode it will automatically switch to the mobile view. Note: When my website is in mobile, this effect works where I don't see any white space at the bottom of the page.
  12. Site URL: https://www.kvmexhibits.org/close-to-home Hi, I've seen a couple different examples of other people trying to achieve this, but I haven't come across a successful code yet. On the URL I provided, I have the beginnings of a workaround for an individual page that will contain a lot of text. In the second section down, I used markdown and a code block to make a some simple expanding headings. However, I would like to do this with an ENTIRE section. Ideally, each section would be a background image, heading, and a plus sign. Super ideally, once expanded, the section would have a m
  13. Site URL: https://www.soof.design/ Hi guys! I need help horizontally aligning an image, text block and a button in a section on my website. I'm a beginner CSS-er, and I wouldn't know where to start generating custom code for this. My website is: https://www.soof.design/ The section I'm talking about is this green one: A horizontal alignment on desktop and tablet, and a vertical alignment on mobile is what I'm aiming for. I would love it if someone could point me in the right direction to a solution. Cheers and thanks, Sophie
  14. Site URL: https://yellow-cone-x5ef.squarespace.com/service I am trying to center this headline in a section. The default settings are not working as there is always more padding at the bottom than the top. It looks fine in the editor but when you view it live, it looks like this. I believe this is the Bailard template. Adding a break doesn't help and adding a spacer doesn't work as it is too big. Also, I would love to know how to make the spacer be 1 px, if that is possible. I have a basic site and not a business or ecommerce plan. Any assistance will be greatly appreciated.
  15. Site URL: https://www.useinpress.com/plans How can I fix the site header from displaying over the section on mobile with css?
  16. HI, I have searched and searched, and I just want to make sure — is it correct that currently, within a page, there is NO way (or perhaps plug-in) to replicate sections/block sections you have built ? Or Save as a template, for repeat use? So one would have to add in each one again and again, if it's not one of the provided "block/section templates" ? (i.e. say add each text box, image block, gallery block, button block, etc?) Is this something Square space is planning on implementing in the future? (Please?!?) Thanks!
  17. Hi! I'm new to Squarespace, so apologies if I am not explaining this properly. I am creating an about page, and I added a Pricing section (making it a resume instead though). It comes with a formatted layout with two columns of copy. However, it only comes with three rows. How can I duplicate the rows, and keep the same formatting/styling? I will need about 20 rows or so. Thank you!
  18. Site URL: https://manshaplan.com/about-us https://manshaplan.com/about-us password: password I'm trying to make one section on one page the full page width. It contains several text blocks and I want them to have more space and spread across wider in its section. I just want to change that one section's width, not my entire site. I found a lot of help how to change the width of the whole site, but not just one section. I tried experimenting, but cant get it to work for only one section. Any help is appreciated thanks! Screenshot attached of
  19. Hi, I am trying to make an entire section (background image with text on top) a link to a different page. Could this be achieved with custom css perhaps? I cannot share the url since I don't have permission from my client. Thank you!
  20. Site URL: https://www.hereandnow.design On my homepage I want to rearrange the order of two sections on the mobile view. On desktop view you can see the section on the left with the clock that says "your time is here and now" and the section on the right says "Intentional branding for businesses who make the world a better place." I like this placement on desktop but on mobile I would rather the right section come first. Can someone people advise me with what CSS to use to make this happen? Please and thank you!
  21. Site URL: https://www.janglad.works/dharma Hi I'm setting up my site where a text sections have an image as a background to match the section images displayed between them creating a seamless look. This works great on Safari/Firefox but for some reason having a WebGL effect applied like Pan darkens the image in Chrome. It doesn't seem to be consistent either, with some images only having the issue with Zoom and others also having it with Pan etc. Please check out the attached images and note the colour difference between the top image and the section that has "Dharma" in it once
  22. Site URL: https://leslilasfrenchschool.squarespace.com I have a small section under a video on my homepage, and I wanted the content to be centered vertically (vertical alignment). But the text is actually closer to the top of the section. Site url: leslilasfrenchschool.squarespace.com Password: virginie Thanks for any advice!
  23. Site URL: https://northshore.health/#products-pipeline i need when click on any anchor menu then go that page section but page top area + title cut. any one let me know any code for that. here my site link:- https://northshore.health/#products-pipeline
  24. Site URL: https://www.orcasoundproject.com/ Hello, I have created an animated counter with the help of a code injection at the bottom of the landing page. However it starts the counter when loading the page instead of when you scroll to the section defeating the point of the animation as you never get to see it. Is there any code to make start the animation only when you scroll to the desired section? Here is the code I've used for the animation: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(doc
  25. hey! so how do i get my “about” link in my header go to the about section on my homepage. i don’t want it to go to an entire new page. i just want the user to click “about” and it scrolls down for them to another section on my homepage.
  • Create New...