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. 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.
  2. 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
  3. 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?
  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://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);
  6. 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
  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: 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'
  9. 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
  10. 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?
  11. 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!
  12. 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
  13. 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
  14. 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
  15. 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 😄
  16. 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.
  17. Hi, I cannot figure out how to make my homepage banner the full width of the webpage. Does anyone know if this is possible?
  18. 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
  19. 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
  20. 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.
  21. 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?
  22. 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!
  23. 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.
  24. 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!
  25. 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
×
×
  • Create New...