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


Forums

  • 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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges

Found 76 results

  1. 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!
  2. 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
  3. 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
  4. Hello! Is there a way to make it so that the images in all of my blog posts are full bleed/full width? If so- does the modification require a business account to do custom injection CSS? Or is there a way to implement this with a personal account? Thank you!!
  5. 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.
  6. 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
  7. 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.
  8. 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 ๐Ÿคž
  9. 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!
  10. 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!
  11. 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?
  12. 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
  13. 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!
  14. 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
  15. 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?
  16. 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.
  17. Using a custom code for an Instagram feed on my site, however, the code block is not allowing me to make it full width. I would like the block to have no margins all around similar to the Instagram feed at https://antiochatx.com. I've tried almost everything, but no luck. Please help! Using Squarespace 7.1
  18. 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
  19. 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
  20. Site URL: https://www.nowthenjon.com/work/realpeople-j5m4f-mxwwj-np3bt-33nfa-wmggp-hr8w7-22acj-cngl5-zybdb-er84p-hpxdj-92kwk-3hbk3-6w5pb-ss35s-9267n-t2ywk-kmykb-76ykc-jf62f-ks9t7-445xx-32emd-adk6k-cwd3z-elr9x-bm8r5-3h9kp The link above shows a full-bleed video as the background in an image block. This works fine on desktop but doesn't crop at all well on mobile. I've tried with video blocks as they crop better when reducing, but I need the video full bleed for consistency and also want this to auto-play on a loop.. Is there a way to utilIse a video block instead as auto-play, full-bleed and with no borders?
  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, 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,
  23. Site URL: https://www.erobertson.design/ I am struggling to add Vimeo videos to my project page gallery. I would like them to be full-width, lining with my images, but the iFrame won't fill the page width. The video ends up with a margin either side. This is the embed code I am currently using: <div class="video-responsive"> <iframe allow="autoplay; fullscreen" allowfullscreen src="https://player.vimeo.com/video/[INSERT-VIDEO-CODE]?wmode=opaque" width="100%" frameborder="0"></iframe> </div> I'm not currently using a video thumbnail. When I use a video thumbnail, the thumbnail fills the page width, but the video still doesn't. I am using the Jasper template. Can anyone help?
  24. Site URL: https://cardinalconcepts.squarespace.com/ Hello, Hoping to find code or instruction on how to change the size of a video on a product page, added under additional info, video block. It is from Vimeo. Right now it stretches across the full width of the page and looks ridiculous. It would be great if we could left align it with this size, width="640" height="480" https://cardinalconcepts.squarespace.com/shop/mnemonic-letter-flashcards Thank you!
  25. Hello, do you know how to make the google map full width without padding below it ? Thanks, Leo
ร—
ร—
  • Create New...