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



Found 23 results

  1. 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
  2. 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%); } }
  3. 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; }
  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. 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
  6. 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 !
  7. 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!
  8. 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!
  9. 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!
  10. 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.
  11. 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?
  12. 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?
  13. 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!
  14. 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
  15. 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!
  16. 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.
  17. 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?
  18. Hi! How can I reduce the padding between two sections in squarespace 71.? See attached image!
  19. Site URL: https://chicory-krill-h754.squarespace.com/config/ Hi, Is it possible to float an image between two sections in 7.1. My test site is: https://chicory-krill-h754.squarespace.com/config/ I've attached what I did in 7.0. Wondering if the same is possible? Thanks Jennifer
  20. Hi there, I'm working in the Jaunt template. I'm trying to add space in between sections on the index page. See my screenshot. I read I'm supposed to be able to see a "pencil" icon to edit, but I never see this to edit individual appearances? Can somebody point me in the right direction? The red squiggles are obviously the excess space I'm hoping to reduce a lot. Thanks!
  21. Hi, Is there a way to get rid of the enormous spaces between sections on my home page? (they're especially large in desktop view) http://www.masteryourroles.com Thanks!
  22. I've got a one-page website, but obviously each section has its own url slug. This isn't a problem by itself, but when a user goes directly to one of those section URLs (www.gabrielmolinamusic.com/services , for example), they are taken to a separate page with only that section. Instead, I want the URL to take them to the anchor point for that section on the homepage, so they can still scroll up or down to see the rest of the page. I hope that makes sense. My website is www.gabrielmolinamusic.com , and you can see the problem by going to the slug /services or /works for a couple of examples. Squarespace support had no answer other than blocking those pages with a password, but I was hoping there is a way to accomplish my goal with custom code. Any help is appreciated. Thanks!
  23. I want to add borders to sections to separate content but I can't seem to find any id that I can use to target that section. All I see for their id is the yui_etcetc which I cannot use. Is there any way to target and style sections? Please advise. Thanks!
  • Create New...