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

Search the Community

Showing results for tags 'sections'.

More search options

  • 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

Found 31 results

  1. Hi all, Is it possible for me to split a section into 3? I have split sections in half via the following code: @media only screen and (min-width: 641px){ #collection-5eeab6f63e3c7674efe5c5ea { #page .page-section:nth-of-type(3) { width: 50%; min-height: 100vh; align-items: left; float: right; } #page .page-section:nth-of-type(4) { width: 50%; min-height: 100vh; align-items: right; } } } Any help would be much appreciated. Thanks so much in advance. Chanel
  2. Hello! I want to try something a little fun and have a color blocked section - I think I could find a way to do this using images, but I'd love to know if anyone has a way to set a section background to be different - basically what I want to do is have the background behind the outside two boxes of this be purple, and leave the middle one white:
  3. Site URL: https://megalodon-hexagon-y2we.squarespace.com/ Does anyone know if there is code to alter a Gallery Section so there can be a Text Block next to it? side by side? In 7.1 you have the ability to add a Gallery Section, which looks great but then your text block has to be above or below it in a DIFFERENT Section. All I want to do is add a Gallery to a page without it being the ONLY block in the section. Why did they strip away the Gallery Block function? It makes no sense. Please help!
  4. I'm really struggling to get an image to display properly in the first section of a page in 7.1. If I add the image to any section below the first section, it will display properly. The first section on each page appears to have a shorter height, I guess because of the site header. But I can't seem to find any combination of image sizing that won't cut off the top of the image when it displays. I have the section height set at 100%. I've dragged the focus dot up to the very top of the image. I've resized, cropped, and re-loaded at least a dozen variations of image sizes and nothing is working. The image is full bleed, so I have it set on the long edge at 2500px, but no matter how much I crop the height, it still cuts off the top and just enlarges the image to fill the space. It's maddening. Is there a page header code injection I can use to properly display the image in this section? And does anyone know the ideal proportions for full-bleed images in this first section? Or the actual dimensions of this section? Thanks!
  5. Site URL: https://graffdesignco.squarespace.com I am inquiring about floating an image on the homepage of a site I am developing between two sections and am finding it difficult to do. The first screenshot is a design mockup, where you will see the image on the left floating over the coloured background. The second screenshot is the current squarespace site in development with the grey placeholder image on the left that I would like to float down overtop of the next section. Is there a way to do this? I have been trying for a few hours and nothing is working so far. Thanks so much in advance! 😁 PS - If you want to take a look at the site, the password is set to 1234 Alana
  6. Site URL: https://www.kbrossphoto.com On the home page, what's causing the white space between the footer and the slideshow gallery above it? The Kids & Family and Newborns pages have the same settings for the gallery and footer, but they don't have this white space. It appears there's just a space between the two sections on the home page. When click on the space, nothing appears to be there. Also, is there a way to make a section have less height? I'd like less space below the text in the footer. Is there a default padding about the text block that I can reduce with CSS? Thanks, Russell
  7. 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!
  8. Site URL: https://lineaskin-3001.squarespace.com/?password=demo Can anyone help? I am trying to add borders to my page similar to this https://lineaskin-3001.squarespace.com/?password=demo A simple fixed border on the top and bottom of each section, and a split vertical border as well. Thanks in advance!
  9. Hello! on multiple pages on my site i have overlapping floating sections - how can i do so my section doesn`t overlap on phone version - instead it under the header instead of overlapping what can i add to this code to make that change? section[data-section-id="5f0494567cd525609fff6f78"].page-section { padding-bottom: ~"calc(@{slope} + 12vw)"!important; @media screen and (max-width: 640px) { padding-bottom: ~"calc(@{slope} + 180px + 4vw)"!important; } } Thanks in advanced 🙂
  10. Hi all, I have a little diamond image that I I would like to overlap the hero. You will see the hero image actually has the diamond on it but rather than displaying it that way I would like for the png that I added to overlap that section so it looks better on the parallax. I have this code but can't get it to work. /* remove section bottom padding */ [data-section-id="5ef91d882801f1255c12e37b"] .content-wrapper { padding-bottom: 0 !important; } /* remove overflow hidden */ div#block-yui_3_17_2_1_1594737404430_275 .image-block-wrapper { overflow: visible !important; } /* overlap image */ div#block-yui_3_17_2_1_1594737404430_273 img { width: auto !important; bottom: -20% !important; top: unset !important; right: 0; z-index: 999; } My website: www.cocosatelier.co.uk password: caview23 Any help would be very appreciated, thank you in advance. Chanel
  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-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /*&+section { padding-top: 40px; }*/ .content-wrapper { padding-top: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; } @media screen and (max-width: 767px) { position: relative; min-height: initial!important; display: block; width: 100%; overflow: hidden; border-radius:0px; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, -15%); } }
  12. Site URL: https://star-harbour-sq.squarespace.com/ Password: pass I was trying to remove the padding on the first two sections of the home page so that the "star" and "anchor" meet. Basically I'm trying to recreate what you see here: http://starandharbour.com/ (This is my current Joomla site, and I'm attempting to more or less recreate it on Squarespace.) I have following code in the Custom CSS. This helped (I'm not sure it's the best solution). The star and anchor are svg files placed as urls with a code block, each it its own section. I've adjusted the bottom padding on these sections to lift the pieces up to where I want them to be. However, two things: 1. in the mobile view, the star and anchor shift down a few pixels, and I'm not sure how to fix that. 2. in the mobile view, I want the banner image to be less than 100% vh of the screen because currently, on a phone view, the controls hide the star. /*HOME SECTION STAR*/ [data-section-id="5f0caf24192e11063c70177e"] .content-wrapper { padding-top: 0px !important; padding-bottom: 165px !important; } [data-section-id="5f0caf24192e11063c70177e"] { min-height: 120px !important; height: 120px !important; } /*HOME SECTION ANCHOR*/ [data-section-id="5f0caf6130005d2344dd262c"] .content-wrapper { padding-top: 0px !important; padding-bottom: 260px !important; } [data-section-id="5f0caf6130005d2344dd262c"] { min-height: 120px !important; height: 120px !important; }
  13. How do you create slanted or angled sections on template Pacific. i would like to add gradient and slanted section. Also my header navigation is transparent - how do i keep it transparent - and have what ever color i want when i scroll because now its using what ever color the background is. i want it to be transparent when static at the top but white when i scroll Really need help with this. apperciate it alot with help on this one Example
  14. Hello ! I'm wondering if there is any way to modify the index navigation tool in Brine template, so it can display sections titles at all time. I'm talking about this kind of side bar, displayed as dots, radio, or bars... The sections titles are only visible while you hover the dots. The idea would be to keep them visible, so it would look like a index side menu. Thank you !
  15. 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!
  16. I followed a tutorial (https://schwartz-edmisten.com/blog/floating-banner-over-two-index-sections-in-squarespace) to float a banner between two sections on a page I am building. All appears fine, but because the section is positioned absolute, much of the content from the below section is falling behind this. I can add some substantial padding to push the content downwards, but the issue I'm having is that when I change the window size and the floating box is expanding for mobile, the padding I apply doesn't properly correlate and it ultimately still gets lost. Is there a way I ensure the content always sits below the overlapping box? Alternatively, I considered removing the absolute positioning – the issue with this is that I am left with a plain white background on this section behind the floating content and I can't seem to change the colour on this nor see where it's defined in the code? Thanks!
  17. Site URL: https://echidna-hyperboloid-8gws.squarespace.com/services Hello, I keep encountering an issue and it's frustrating me to no end! I am working on my Services page, and have created it as an index so that I can use full width sections. I've entered 3 sections successfully, but after trying to add more, I'm not able to edit them. I've attached a screen shot - you can see that the section's Edit / Banner / Settings comes up for the 'Services hands' section, but no matter where I place my cursor, it will not appear for 'Services feet' and I can't get it to return without deleting the whole section and redoing it. And even then, when I create another section below it, it becomes uneditable again. I appreciate any insight!
  18. Site URL: https://www.curio-ap.com hi, can anyone suggest what's a good way to get all the sections (header, gallery block, text block) to be of the same width? any help is appreciated.
  19. Site URL: https://www.christcathedral.org/ Someone else built our site and I want to duplicate this "section" area to add a new section, when I do it only duplicates the shield, not the green background and I can't find the green background ANYWHERE on the backend. Anyone have any suggestions?
  20. Site URL: https://tomato-lynx-pzwm.squarespace.com/ Hello all, Does anyone know why a thin line shows up between page sections? And more importantly how I can get rid of them?
  21. Site URL: https://www.faratrafic.ro/ 1) Hi, I want to modify space between header-banner (more space) , banner-blog posts (few space).( both desktot, mobile). I played with inspection tool, but I'm not sure about my skills. 2) I attached banner to site, but I saw a problem. I export file from illustrator to jpg, my image is in center of artboard, but squarespace does't center my image. I adjusted the image in illustrator for better display on squarespace. I am from Romania, so language site is romanian. Thanks!
  22. Site URL: https://www.chaosofdelight.org/others Hi everyone. I'm trying to sort out part of my site and could do with a little help. This explanation might be confusing, I'll try and be as simple as I can. I have multiple indexes on my site, each containing multiple sections. This is due to it being a photo based guide to many different tiny animals, with a lot of parallax scrolling. Each order of animals has a different index and a different link in the navigation. This works fine. However, I also have one navigation link titled 'Others' which contains multiple pages detailing another eight or so different orders of animals. To access one of them you have to scroll down the entire page to find them. I wanted to perhaps swap the index to a folder so that I could have a drop down menu when hovering or clicking 'Others' in navigation. This would all be straightforward, except for the fact that I use parallax images as banner headings for each animal. As I came over from Marquee to Brine, this meant that to retain my original look, I've had to use two sections, one for the parallax photo and another for the text. Sooo... as far as I understand, any folder will display all of its pages in the navigation drop down menu and so I will have two pages displayed for each named animal, rather than just one, which is what I need. Is there a work around? Or is there a way to click to an internal landing page with thumb nail linked photos? Sorry if this is actually obvious. This isn't my strong point! I appreciate any thoughts on this. I hope I've explained what I mean well enough. Many thanks Andy
  23. Site URL: https://www.allegragonzalezabreu.com/ I would like to add sections to some of my pages so I can target those sections and change background colors of parts of my page and things like that. For some reason at the bottom of the list of my pages, I only see the option to add a page, not a section. I've uploaded a screenshot that shows what I see. Thanks!
  24. Site URL: https://www.kevinderntravel.com/ Can someone help me figure out how to customize the vertical padding in sections? If you look at my website, I want to reduce the padding above and below the dark grey section that says "Ready to Get Started?". I've tried a few different versions of CSS code that I've found here on the forum but none seem to work for me.
  25. Hi, How would I create sections in a store so I don't have to scroll through all the items to find something? I currently sell prints here in my portfiliobox site: https://www.mattportch.com/store I'd like to create something similar in squarespace store so my prints are divided by their titles 'Lost America', 'Desert Modern' and so on. The only way I can think of is to make a folder then have several store pages within that - messy. Unless I'm missing something really obvious?
  • Create New...