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'.

  • 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
    • Resources
  • 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
  • German Circle Members's Topics

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: http://brondyhumphrey.com Hello everyone, I hope you are doing well? I am currently trying to make this on the footer of my home page: (this is a montage I made on Canva) But for now it looks like this: Do you think it is possible to make ? I wish you a beautiful day 🙂 brondyhumphrey.com password: soleil
  2. Site URL: https://www.deborahsabo.com/walls-3 Hello - I am in 7.0. The header is set to be full width, but the content, at lease the carousel on this page is not. I would like to set page content / container to be full width, or for gallery sections to be full width at least. Thanks for any help you can give! Laura
  3. Site URL: https://alana.squarespace.com/test My site password: test I have an instagram grid in a separate section and am trying to make it full-width, edge-to-edge. I found a custom CSS code solution, but it's causing weird padding issues. If you look at my site, you'll notice that now the entire page has an overflowing horizontal scrolling on the right side because of the code. I can't figure out which part of the code is causing this. Any help would be greatly appreciated. Thank you. P.S. This is the code I used: section[data-section-id="618da30784add177e9ae4d15"] { .content-wrapper { max-width: 100%; padding: 0vw !important; margin: 0vw !important; } .content { width: 100% !important; } } #block-7d28bd1e68a3405338f0 { padding-bottom: 0vw !important; margin: 0vw !important; }
  4. Site URL: https://chrisjeeves.com/ Hello, Apologies is this is covered elsewhere, I have looked on the forums and tried various custom CSS code injections with no joy. I'd like the video's on my site to all display full-width, they are currently much smaller than other content. There is a video at the top of this page with a red background for example (see crude drawing screenshot arrows): https://chrisjeeves.com/childrens-charity Video is embedded from You Tube with this code: <iframe width="560" height="315" src="https://www.youtube.com/embed/p0KHaJamWzw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> The Square Space Template is: York If you need any of information please let me know Thanks in advance!
  5. Site URL: https://www.admiralsselfstorage.com/contact-us Hi, I'm looking for help with making my map section full width and also having it flush with the green footer below. Thanks for your help!
  6. Site URL: https://skyefolk-testing.squarespace.com/ Hi, I would be really grateful with some help to create a navigation layout. I have searched through the other full width nav posts but nothing works well with what I'm trying to achieve. I would like to use the center/stacked header layout option. With the centered logo, social icons to the left and shopping cart to the right. Then a full width nav below. And in a perfect work, keep the search bar in the nav too, which I've added by attaching it to the social icons. But if I have to get rid of it I can come up with another solution for the search bar. The problem I'm encountering with the codes I've tried is with the social icons and shopping cart pushing off the page, particularly at smaller screen sizes. The site is https://skyefolk-testing.squarespace.com/ Password - kirstymdesign Thank you, any assistance appreciated!
  7. Site URL: https://burgundy-bellflower-83xh.squarespace.com/ Hi! I would like all image blocks and contents to be full width on every page I open. Is there a way I can span all page contents the entire width of the page? Thank you
  8. Site URL: https://www.madebydot.tv/ @tuanphan My website is https://www.madebydot.tv/ If you have a look at the screenshot, the line spacing of the navigation menu is just so weird at the moment. I'd just like the line spacing between each page on mobile to be the same. Could you please help out? The other thing I was wondering was if I can make the project thumbnails and vimeo videos go full width only for mobile for my website?
  9. Hi all, How do I make a gallery carousel in a blog post fully bleed from left to right? This is what it currently looks like. The change will be applied to hundreds of blog posts so ideally the solution should not be block/collection specific. I want it looking like this below which seems to only work on a page. These are the options that comes under Slideshow Full with Full Bleed.
  10. Site URL: https://mcamediam.squarespace.com/teatro-gerolamo Hi Guys, I'm working on this website: https://mcamediam.squarespace.com/ted-x Client requested me that the video must be full width (just like the Home Page). I don't want to use YouTube to host every video for every project, so I'm asking you a line of CSS code to assure that every video for every case like these are in full width mode. https://mcamediam.squarespace.com/ted-x https://mcamediam.squarespace.com/pagani-mca-media https://mcamediam.squarespace.com/teatro-gerolamo How can I achieve that? Thanks, Dario
  11. Site URL: https://ecodefensegroup.org/ UPDATE*** Solution found. No one on upwork, here or stackexchange could figure it out. If anyone wants to have a banner video load on all mobile devices including iPhone 11 etc, I have a solution. It's lengthy. You may message me here for the solution. Background: Natively, the built in feature for background/banner videos is lacking. No matter what I tried I couldn't get any vimeo or youtube video to play or load on mobile phones, ipads etc. Our banner video loading on any website viewing device with internet is an absolute requirement.
  12. Site URL: https://celery-chicory-nlez.squarespace.com/config/ Hello, I'm in the process of developing a one page website for a mindfulness app. The client would like the intro video to be full width with audio playing but the only way I know how to make video full screen is by adding a video background, but this does not play audio. Is there anyway to change this? Thank you, Ben
  13. Site URL: https://www.isadoreintimates.com/ Hi, I am trying to make my footer part of my full bleed image instead of below, but can't seem to work out how. This is my website: www.isadoreintimates.com, I dont understand what I am doing wrong ps. also only on the home page! not the other pages my template is Marta
  14. Site URL: https://www.metrichotel.com/home Hi everyone and @tuanphan, I am using Brine on 7.0 and for the life of me, I cannot get the index slideshow gallery to do a full bleed on any platform. Tried all sorts of settings and code I've found here, but nothing seems to work. Is this possibly a problem with the aspect ratio? I noticed that when using a few code snippets, the mobile view seemed to expand but had a black negative space on the bottom half of the screen instead of expanding the photo down. Thanks so much in advance!
  15. Site URL: https://www.goldenllamaproductions.com I would love for my demo reel video to be displayed like a full-bleed banner but with a play button and sound. I've seen it done before but cannot get it to work using the coding suggestions previously suggested in other discussions. Thank you!! https://www.goldenllamaproductions.com
  16. Hi, I am trying to make my eflsight widget become the full width of the website. The widget is the counter in the middle of the page where there are 5 different statistics. I tried using the following code below and for some reason it is not working. Can someone please help me solve this problem? Thanks! Website Link: https://alpaca-carrot-54zs.squarespace.com/chinesehome [data-section-id="610c6219b631287742b377e8"].content-wrapper { max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }
  17. Site URL: https://flugelhorn-seahorse-lzrb.squarespace.com/config/pages/60aecc3b0856c07375a2e1c7?p Ok, so I hope its not painfully obvious but I dont know why this isn't a thing? I'm trying move my portfolio site from adobe portfolio over to squarespace. I have a long scrolling image I like (I've posted the example from old site) where you can just continuously scroll it But no matter how many ways i try to upload it, it just gets cropped. so is there any css or any way to stop this from happening. Or does any one know a workaround for how i could get this to work in this long image style? my site: https://flugelhorn-seahorse-lzrb.squarespace.com/config/pages/60aecc3b0856c07375a2e1c7?p pw: design
  18. 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!
  19. Site URL: https://scarlet-grape-g5ln.squarespace.com/ Hi there, I was looking for help with making a video full-bleed responsive with the website edge to edge. I also want it to work for both desktop and mobile. I have two examples running on my page right now. There was one where I am running it as a background video using BUT it wasn't centering properly. Part of it was being cut off by the header and it wasn't centering on the mobile properly either /* Section background image 16:9 video */ //show on mobile section.page-section[data-section-id="61019a7c2ef1a604d30e6b10"] { display:block !important; } // show on desktop html.no-touch section.page-section[data-section-id="61019a7c2ef1a604d30e6b10"] { display: block !important; top: 0 !important } section.page-section[data-section-id="61019a7c2ef1a604d30e6b10"] { //16:9 spacer padding-bottom: 56.25%; min-height: 0 !important; .section-background .sqs-video-background iframe { //make it the size of parent no matter what automatic JS it would like to do border-width: 0; position: absolute !important ; top: 60%; left: 60%; margin-right: 0%; transform: translate(-50%, -50%) } // blocks would be here but we won't have any .content-wrapper{ display:none !important; } } I was currently using this (a code of yours that I found in the past) in the CSS for the second version of the video underneath the one that is currently full-bleed /* Video fullwidth */ [data-section-id="6103292e6ee0aa3483fa6e22"] .content-wrapper { padding-left: 0 !important; padding-right: 0 !important; max-width: 100% !important; } Website: https://scarlet-grape-g5ln.squarespace.com/ P: doormat123
  20. Site URL: https://www.goldenllamaproductions.com/rhythms-of-peru-video Like so many others, looking for a custom code to all the videos on pages like this be a full bleed video with sound. NOT a background banner video. https://www.goldenllamaproductions.com/rhythms-of-peru-video I want it to work like this: https://www.tylerkalberg.com/work-samsung-gear-anybody Thank you for any help!!
  21. Site URL: https://doublevision.squarespace.com/ I'm trying to add a video that displays in full bleed. Currently I'm using the 'Video' option when choosing 'Add Section'. Currently working in in 7.1, and have not managed to make any of the CSS that people have provided out there work. An example of what I'm EXACTLY trying to achieve is the video that can be found by scrolling down in here: https://www.davidoscroft.com/polo-denim-fall-2019 Pass: DVTest
  22. Site URL: https://clownfish-coral-haax.squarespace.com/ Hi everyone, I am trying to make a simple hover over feature that changes one image to another. I managed to code that much, but as you will see on the site there, it is set in with awkward margins... Im trying to get it to be full bleed..... any help would be greatly appreciated! See my CSS code attached--- Thanks, Anthony
  23. Hi there! I am working up a trial site (so not available right now) and I have set up some CSS code for a full-width video player. It looks and works great, but has a little bit of padding on the top and bottom - despite setting that to 0px. See below: [data-section-id="60e4534485053e2e8634f482"]{ overflow-x: hidden !important; overflow-y: hidden !important; .content-wrapper { padding: 0px !important; margin: 0px auto; display: contents; } } #player { padding-bottom: 0px !important; padding-top: 0px !important; } It's an issue because the section below it is a different color so it stands out. And when I set the video section to that same color, it has the small line at the top. Any help is appreciated! Thanks!
  24. Site URL: https://www.naturalbornorganizers.com/welcome The background images on the homepage move while on mobile. I don't see it inside of the SS viewport, but I notice it on my phone. Address: https:www.naturalbornorganizers.com/welcome
  25. Site URL: https://imgur.com/a/yoEoMPO How can I create a full-bleed/fullwidth portfolio page? I am trying to remove all boarders, but there doesn't seem to be a setting for this.
  • Create New...