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://www.slaythaday.com/ Quick help needing to adjust the homepage on desktop and mobile. Not sure how to have my image fully display on both. It's cut off a bit. Thank you,
  2. Site URL: https://kmagnuson.com/ Hi! I am updating my site and I like the Forte template but there are a few things I'd like to change but can't see direct ways to edit: I'd love to have more control over a rotating set of images on my main home page - right now it seems like the main image(s) come from the first image of each gallery below. Can I change this / add more images? I'm curious how this site is set up (I think in the way I am describing): https://www.open-walls.org/livingroom Can I upload light and dark versions of my logo and have them change based on the image like
  3. 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!!
  4. Site URL: https://www.carmenroseportraiture.com/home I only want to change the content wrapper on this section, and only on desktop and maybe tablets. Any insight on how to target this section? Anytime I try and specify the section the content wrapper code no longer will apply
  5. Site URL: https://www.recaprabbithole.com/ https://www.recaprabbithole.com/ I would like the blog cover images (only) to stretch the full width of the phone such that there is no white space to the right of the blog pictures. See attached illustration. What CSS should I use?
  6. Site URL: https://www.wildlife.co.nz/wildlife-cruise-1 Hi, I am trying to figure out how to use a media query to resize page banners to be a full width image on mobile view. The banners won't have text or buttons on them. I just want them to be a full width image that has the parallax effect as the user scrolls down the page. I want to be able to do this on multiple pages on my website. Example page: www.wildlife.co.nz/wildlife-cruise-1 Squarespace 7.0 | Mojave template @tuanphan I've seen you respond to others but the code you've provided them hasn't worked for me
  7. 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.
  8. 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
  9. 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.
  10. 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
  11. 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
  12. 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?
  13. 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
  14. 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?
  15. 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);
  16. 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
  17. 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
  18. 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'
  19. 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?
  20. 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
  21. 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?
  22. 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!
  23. 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
  24. 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.
  25. 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
×
×
  • Create New...