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


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


Expert ID

  1. Hello everyone, For showing different case studies on the home of an agency website I'm trying to make in Squarespace 7.1 (but I would change to 7.0 if needed) something similar as https://es.squarespace.com/customers/idris-elba/ (image attached). Apart from the great integration with the menu items as it is full-bleed, when hovering the miniatures it shows the title of the project. I think it's the best way for showing something like that. Could be possible to make it in any way or it's too difficult? Many thanks in advance.
  2. Site URL: https://bubblegumchique.com/faqs How can I make the slider on this page full-width (no cropping) on Desktop AND Mobile view? The CSS I was given for formatting images doesn't work on sliders. page: https://bubblegumchique.com/faqs section ID: section[data-section-id="5fb06f9590715276662385d7"] collection ID: #collection-5ef962dc97619e09b90cc864 Thank you to anyone who can help me with this.
  3. Site URL: https://bubblegumchique.com/ Hello, I am building a Squarespace 7.1 website. I want to be able to create full-width image banners like those found on kyliecosmetics.com. How can I do this? I need the images to be full width (100% device/browser window width, NO CROPPING, no margins, no padding) I've tried background images, full-bleed slideshows, full-width slideshows, and image blocks placed in sections. The image always winds up too small, or too big and gets cropped on the top/bottom/sides. My image is 1902x823 pixels, which falls within Squarespace's recomme
  4. Site URL: https://dawgfitperform.squarespace.com I am having an issue with a website I am building on squarespace. Everything was working fine until today. The page width seems to be really off. If you can help I will really appreciate it 🙂 SQUARESPACE.mov
  5. Site URL: https://pepper-buffalo-5bc8.squarespace.com/creative Hello, I'd like to make the full bleed images on this page (https://pepper-buffalo-5bc8.squarespace.com/creative) display as non-parallax images. Using a standard image block with Sonora doesn't give the option to go full bleed. And using the Banner background image force parallax. I would prefer to use the simplicity of a standard image block but force it full-bleed. Is there code to make this possible?
  6. Site URL: https://manshaplan.com/about-us https://manshaplan.com/about-us password: password I'm trying to make one section on one page the full page width. It contains several text blocks and I want them to have more space and spread across wider in its section. I just want to change that one section's width, not my entire site. I found a lot of help how to change the width of the whole site, but not just one section. I tried experimenting, but cant get it to work for only one section. Any help is appreciated thanks! Screenshot attached of
  7. Site URL: https://harp-circle-pgnx.squarespace.com/ (Password is sheep) I'm trying to make a few blocks truly full width (i.e. the full width of the user's screen). Specifically, an image block, a text block and another image block. The images are of a "torn paper" texture which has a transparent edge. I've tried different combos of negative margins, but that doesn't work on all screens. How can I accomplish this?
  8. Site URL: https://akhusky.dog/ I'm currently using this, but the background color won't expand full-width (I tried assigning the width as 100%). I'm thinking it's the wrong class? Thanks in advance. .site-header { background-color: hsla(212, 100%, 27%, 0.3);
  9. 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 vers
  10. Site URL: http://jennacalderara.com Hi there! Can anyone help me make an image full bleed on the Wexley template for Squarespace 7.0? Ideally, I'd like to be able to do this with other images down the line as well, as I hope to have a fullwidth image on each of my website's pages soon (currently redoing the design). I have already tried reducing the padding and after seeing how it looked I'd like to keep the main content/header padding as is. I've attached an image below, and if it helps to view the page I'm working on, you can go to "test home" on the top nav with the password "vie
  11. Site URL: http://www.brittanymarom.com Hi All, I'm working on a site, www.brittanymarom.com , and love the full-width images across the site. I set the site's margins to 0px to achieve the full-width images, but obviously need a little padding around my text blocks (maybe around 40px) so that they're not falling off the page. I've have had to use custom CSS on each individual text block, for instance: #block-name-for-example { padding-left: 40px !important; padding-right: 40px !important; } I would prefer a cleaner solution to target all text blocks so that the site'
  12. 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 us
  13. 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?
  14. Site URL: https://meridianhivedraftwebsite.squarespace.com/config/pages HI, I wonder if anyone can help me out. I'm revamping our website and have some large full width images on multiple pages (Home page and landing pages). I'd like to reduce the size of the images for Mobile view to prevent them being cut off. I've reviewed previous suggestions/advice here but haven't found anything that works for me. I've installed an app that allows me to view squarespace block, image and section id's. However I still can't get it to display correctly. Here is an example of the code I've us
  15. Hello, I'm very new to Squarespace and am having difficulty making my custom HTML code full width. Currently, any code section takes up about 66% width. I started with the Bailard template. I can't find an option, so is it custom CSS?
  16. Site URL: http://www.catherinemuldoon.co.uk Background context: I am using a 7.0 brine template for my personal portfolio. Hi! I'm struggling to create full-bleed images on my site pages. What's the best way or what CSS coding do I need to achieve this? The main issues is that I would like all/most of my images full-bleed. So no border/padding around the edges. I want to achieve a look on my website that is similar to this- https://www.bandb-studio.co.uk/our-work/dalstons Any help will be much appreciative!
  17. Site URL: https://carrot-cricket-zj9b.squarespace.com/ Hi, this is for https://carrot-cricket-zj9b.squarespace.com/ with the temp pass: LazarusODF I made some adjustments to the code to remove all the space between and on either side of the feed, and add an overlay with the on-brand colour. It is set to show 7 posts on a single line. However, the 7th block remains white with no overlay, and even if I change the number of posts displayed to 14, it just shows two lines and for BOTH lines, the 7th post is white with no overlay showing. It's almost as if the section is no longer full w
  18. 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.
  19. I'm trying to make an image card full width to the screen, but every piece of code I've tried hasn't worked. Does anyone know how I might be able to do this? @tuanphan
  20. Site URL: http://studioslur.com Site Password: studioslur1234 Just wondering if anyone could provide me with the custom CSS to change the width of my mobile menu? It stick too far out to the right. Thank you 😄
  21. Site URL: http://erinmcguintytherapy.com Hi there, I'm trying to get the top image on my home page to stretch the full width of the page. No matter which way I add in the image (I've tried adding it as a content block and just inline) it won't stretch the full width. I am using th Ready template.
  22. Hi, I cannot figure out how to make my homepage banner the full width of the webpage. Does anyone know if this is possible?
  23. 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
  24. 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 c
  25. 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.
×
×
  • Create New...