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

Search the Community

Showing results for tags 'full-width'.

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 82 results

  1. Site URL: http://www.katejiyeonkim.com/make-it-loud-and-clear Hi, I am trying to make the first image of the page full-width. All the elements are contained within the page content box and I am unsure if there is a specific code to only have the first image full-width vs making the entire content box full-width. Does anyone have solutions? http://mcqueenmcqueen.com/thelastdavinci here is the reference website of what i am trying to achieve Thanks
  2. Site URL: https://www.liveoutloudproductions.com/ Hello. I am attempting to sell stock video footage on my site using sellfy (using this because squarespace digital download file size limits are still in the dark ages). I am on SP 7.0 and using Bedford template.... I have 2 fold problem. I can't get the sellfy site to embed into squarespace page at full width. I would like it to be just below navigation bar so that the full sellfy site is viewable as though it were a page on my site. I am using an iframe in most attempts. The closest I have gotten is by injecting into header in page cog icon under advanced tab. It ends up like this: https://www.liveoutloudproductions.com/detroit-stock-footage-stock-video-detroit - Width is great. Placement above header not so much. I am looking for a good SEO solution as all the content and tags etc will be on sellfy site and not my website... really this would all be no problem if SquareSpace were in the modern era with their file size allocations. Any help is greatly appreciated.
  3. Site URL: https://valeriewartelle.co.uk/ Hello - I am switching template within version 7.0 Wells to Mojave to benefit from different features. I am struggling with setting a fullwidth site, a full-bleed image on home page and adding padding so gallery, gallery-blocks, product pages etc don't appear squashed to the edges of the screen. I understand I may be able to add some CCS coding to do so. I'm not a coder so wondered if someone could advise? I'm working on preview so can't send the URL but attach screenshots of no padding v padding for homepage and gallery so you can see what I mean. Ideally I want it to look like this http://www.kerryschroeder.com/ Hopefully you can help πŸ™‚ Thanks!
  4. Site URL: https://paddlefish-hawk-wdag.squarespace.com/ Pass - 123123 I'm trying to bring two images flush with the borders of a block - The green and white gradients are PNG files I've uploaded that I would like to have sitting flush against the bottom of the block and below the navigation bar Here's an example of what I'm looking for. I'm basically trying to find a way to blend the nav bar into the image, which then blends into the block below and thought this might be a possible solution - is this possible? Is there a better way to do what I'm ultimately looking for? Thanks in advance!
  5. Site URL: https://www.hotwireextensions.com/home Hi, I would like to make the slideshow images on my home page fill the screen and go behind the header... I have tried searching the forum but cant find a way to do this on Squarespace 7.1. Any help would be hugely appreciated! Site: www.hotwireextensions.com PW: HotWireExt Thanks so much!
  6. Site URL: http://luminous-film.com/host-a-screening HELP PLEASE I am terrible at coding but I believe that this is the one route I should go to find what I'm looking for. Does anyone know if there is a way to make the banner video be full-bleed and be the background of a page? Similar to how a cover page would work. I would like that look for all my pages. Is this even possible? My media for the banners are all vimeo files.
  7. Site URL: https://chihuahua-mayflower-6zj5.squarespace.com/ Hi, Would anyone happen to know how to create a full bleed/full screen slideshow on the landing of the homepage in a Brine template? I would like the images to fade in and out every 3 seconds, but I currently only have one static image up on there. Any help/suggestions would be appreciated! PW is rsp123 Thank you!
  8. Hi I would like to do a Full-Width Grid on the Wells family v7.0. For some reason it s not possible. So I can do a clickthrough URL on each pictures Thanks
  9. Site URL: https://www.louissutherland.com I'm trying to increase the width of the page content so that the videos appear larger depending on the person's browser window (increasing or decreasing in size according to full the space accordingly. Right now the content feels very narrow with big borders/margins on the left and right.
  10. Site URL: http://www.aldanx.com Hi, I'm having issues. I am using custom CSS, to enable full-bleed content on the mobile version of my site. Yet, there's still an apprx. 2px gap on the left and right side of all content. My intent, was that there be no gap on either side, whatsoever. Here is the code I am using: @media screen and (max-width:800px) { .sqs-layout .sqs-row .sqs-block{ padding-left: 0 !important; padding-right: 0 !important; } I've attached a mobile screen recording to show you what I mean. In it, I'll scroll up and down, and pinch the entire page to give context. This may sound silly, but I've even tried using a negative padding measurement i.e. "-10" to no avail. Full width, should mean exactly that. But I guess I'm living in the twilight zone. If anyone out there can help, I'll greatly appreciate it. FFW.m4v
  11. Site URL: https://www.yannb.net/ I am looking to create a landing page like this where my logo and other information is visible while photos change in the background.
  12. Site URL: https://www.nicoleschuette.com I cannot get my full width banner to resize correctly in Mobile. I tried using focal points but it is not enough. I have very little coding experience and a designer put the home page together. Any advice on how to fix this so the home page image isn't cutting off but instead resizing? https://www.nicoleschuette.com Thank you!
  13. Site URL: https://pufferfish-lion-mkrm.squarespace.com/ I am using the Nolan template. To display a full width video with no padding on top so it sticks on top of the section, what code do I need to inject in the css ? I tried some code and it seems ok-ish but not sure. For the padding on top it seems in particular challenging for mobile, think I need some more specific code there. General site-spacing I am using: Page-width max: 2400px Page Margin: 2vw Besides the video I would like to adapt another section with image-stacks to full width images on the mobile version of my site. Which CSS code should I use for both video and images to be make it look perfectly smooth? Also right now I'm addressing all videos in the code, but how can I address specifically the video in section two ? code I used: .sqs-block-video { padding: 0 !important; width: 110%!important; margin-left:-4vw!important; margin-right:-4vw!important; margin-top:0!important; } .page-section:nth-child(2) .content-wrapper { padding-top:0!important; } @media screen and (max-width: 640px){ .sqs-block-video { padding: 0px !important; z-index:99!important; width: 110%!important; margin-left:-5%; margin-top:-5%!important; } } Hope you guys can help 🀞
  14. Site URL: https://www.cuisinesteam.ca/main Hello! Is there any way to make the banner on this website (β€œKitchens made for life”) full width? Thank you in advance!
  15. On my website, I have placed full page-width images and a colored footer that also spans the page width. However, when I scroll to the right of the page, there is a white stripe/margin space on the right that was originally out of view. Does anyone know why this extra space is on the website, and how to remove it?
  16. I have set all of the margins and padding to zero in an attempt to create a full page-wide image at the top of the page. On my computer ( 2017 Macbook Air with screen width of 1440px), the image fills the screen and looks great, but I am able to scroll a bit to the right of the page and see a white side stripe. On computers with a larger screen with, the image no longer fills the entire screen width, there are instead white margins on eat side despite this CSS code: body{width:100%;margin:auto;min-width:600px;max-width:3000px} (The 3000px should accomodate for most larger monitors and laptops). Is there a reason this is happening, and are there any better ways to achieve the full-width image look? Thank you!
  17. Site URL: https://www.autoimmuneregistry.org/newtab We want to have a page on our site that does not have the menu on the left side because we need the space to display a wide table. Is there any way to remove that menu so it does not take up space, and how do we allow the content to extend to the left margin? www.autoimmuneregistry.org/newtab is where we are playing around... Thanks! Aaron
  18. Site URL: https://www.crxssplatfxrm.com The navigation on my site runs onto two lines, even when it appears there is plenty of space for it to stay on one line. I guess there is some kind of padding at the sides – how can I remove this? I would prefer that the navination never went to two lines, and if the screen wifth isn't wide enough it would go straight to the burger menu. Is that possible?
  19. Site URL: http://www.billydupee.co.uk Hi there, I need the text boxes i have used in my footer to match the full width nature of my Header. Is there a way to align the copy in the bottom with that of the top? See screen shots attached: I also want to change the colour of the footer to black on my Info page, whilst keeping it white on all other pages. How can I code this? Thanks
  20. Site URL: https://clownfish-groundhog-gbk7.squarespace.com/ Hello @tuanphan πŸ™‚ On my banner image, I have created a text box with a coloured background. I am looking to extend the coloured text box full-width, but keeping the text inside constrained. Many thanks πŸ™‚ Natalie
  21. Site URL: https://humbeeshop.squarespace.com/shop/hand-sanitizer-disinfectant-gel-169oz50ml-packs-of-61224 PW is 2020 Hello! Is that possible to add a full bleed background color in one section? I tried to use div class the CSS but it cant display a full-width background.
  22. Hi all, Am currently testing out whether or not to go with Squarespace for a new site business that will be content-heavy, and whilst I'm mostly a fan of the streamlining of 7.1, I'm a little concerned that there doesn't seem to be a provision to make images within a blog post full-width/bleed. Does anyone know if there is a workaround for this at all? As I don't really want to be confined to images that are restricted to the margins of the blog container (I know this can be amended but I want to keep that width for text etc.) Kindest, Kyle
  23. Hello! I'm having trouble trying to make an image on my homepage full width. It's not a image block, it's in a section by itself. I managed to make the image full width on mobile and iPads, but for some reason the code I'm using isn't making the image full width on the desktop/laptop view. Can someone help me please ? I'm currently using the "full width image card" plugin from ghost plugins: // Full Width Image Card // [data-section-id="5edbff601cb53938995dcae9"] { overflow-x: hidden !important; overflow-y:hidden !important; } [data-section-id="5edbff601cb53938995dcae9"] { .content-wrapper { padding: 0px !important; margin: 0px auto; display: contents; } .sqs-layout .sqs-row .sqs-block { padding-bottom: 0px !important; padding-top: 0px !important; } .image-card-wrapper .sqs-dynamic-text-container { padding: 40px !important; } } .sqs-block.custom-items-search:hover { color:#dea2c5 !important; border: 1px solid #dea2c5 !important; } site: www.uniquelydolledwigs.com first picture on my homepage
  24. Site URL: http://ladybug-yellow-yg4k.squarespace.com Would someone be able to help me with creating some code to made these 2 square images panels full width without a gutter. I want them to look as a normal full width header does... but just split into 2. They should stack when on mobile.
  25. Hi, I'm working with the "Tremont" template. And under the banner-background image I want to show our showreel in full window-width. Is there any possibility to do this? Thanks,
  • Create New...