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
    • 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


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. I have a patch job solution for this, but want to know if there's a better way I can do this. For this gold, and green section, I simply have a background photo that is half gold and half green. It creates a cool look on desktop, but then, as one would expect, on mobile it looks kind of silly, where the stacked text overlaps the gold and green. Maybe an easy solution for this would be to use CSS to just remove the image for mobile, so it would default to the solid color? Seems like it'd be a simple solution, but not sure how to do this. Can someone help?
  2. Site URL: https://www.taprk.com/ See below for details... 1) Having issues with spacing on the homepage. See attached screenshot titled, "content should fill the screen". When viewed on a wide-screen or zoomed out (control -) white space appears. 2) Having issues with text sizes and possibly more spacing. See attached screenshot titled, "text gets really small". When viewed on a wide-screen/zoomed out the text gets significantly smaller. 3) Having issues with spacing on their Management page, See attached screenshot titled, "Rob's image larger". When zoomed out
  3. Site URL: https://studio-mcgee.com/az-homestead-project-the-kids-spaces/ Hi Squarespace Code Lovers! Does anyone know how to insert (custom code) a horizontal gallery block (FULL WIDTH) with a colored background ON a Blog Page (not landing page). Example attached with link to website that has this on a blog "story" page. I'm stumped 🙃 Thank you in advance 🙏
  4. Hello! Help needed! Currently my Home page | front page is full bleed using an index with a gallery subpage. Unfortunately both the Navigation title and submenu title appear. In this case Home, Home. On mobile it's worse with Home twice and indented on second Home, both appearing without looking into the submenu. I had some code that removed the second menu item on mobile but for some reason it doesn't work anymore. /* Mobile nav color */ nav#mobile-navigation * { color: white; } #mobile-navigation use.sqs-use--icon { fill: white !important;
  5. Site URL: https://bymaza.co.uk I've got a banner of magazine logo's down at the bottom of my homepage - it's one long banner image and I have made it the background. It looks fine on desktop, but you can only see Vogue on the mobile version as it's being cropped. Is there a way for this not to be chopped in half when viewed on mobile? Thank you so much
  6. Site URL: https://www.yesterdam.com/ Hello! And thanks in advance for any help. This might sound a little bit complicated but I hope it is understandable. I am looking to have two images in one header banner for my home page that way when switched to mobile view each image with its button and text will stack on top of each other. On the uploaded images, you will see what I mean and how I would like them to be. Also, I saw a couple of websites like Mejuri and PDpaola that have this so those would be great examples (they have two images full width next to each other on desktop view and th
  7. Site URL: https://www.lago.lt/store/p/day-dreaming Hi, Been searching for answer for a few hours, unfortunately unsuccessfully. How to remove padding and margins for a specific block on Squarespace 7.1? In my case, I want to make additional information section in products page full-width, without any padding or margins. https://www.lago.lt/store/p/day-dreaming Password: Slyva1
  8. 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!!
  9. Site URL: https://www.thatspeakmtb.com Hey guys! I am looking for some help with my footer. I have both a 15inch macbook and a 27inch imac. The footer looks great on the macbook but on the imac it isn't stretching to fill the wide screen. I have played about with some code and I can't seem to get it to stretch to fill the widescreen. Attached is an image to show what is happening. The password for my site is: thule2018 Many thanks 🙂 Natalie
  10. 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-
  11. 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
  12. Site URL: https://www.wildwoodtheatre.com I am struggling to get the padding to disappear on my website when viewed from mobile. I need all of the images to be touching. Going a very max image appearance.
  13. Site URL: https://cowbell-dandelion-kjk2.squarespace.com/about I'm having a little trouble with an elfsight widget on one of my pages. I have it embedded, but it's not appearing full width as I would like it to. I contacted Elfsight, and was told that it was because it is installed within a "container"....but I can't figure out how *not* to do this. Any ideas/advise? (password is RSWCD20)
  14. Site URL: https://kellyfaria.com/ Hi Guys, Just trying to figure out the best way to make a full bleed poster banner that looks like below, but I wanna have it as a slider with maybe 3 slides. i tried the one that is available through squarespace and its okay, but i dont think i can add poster text and buttons to it. I'll probably have an H1 and h2 heading and a button much like this banner attached. Anyone know of a way to do this?
  15. Hi there, I am wanting to have full bleed image and background color side by side with text on the color background side, much like the Squarespace website: https://www.squarespace.com/ and see see screenshot for area I am referring too. I am wanting the 2 sides to be separately responsive so that the type is always just on the colour background. I do not have the coding knowledge to do this. Is there anyone who can help? Thank you.
  16. Site URL: https://mango-blue-nczx.squarespace.com Hello, I am starting a new site and looking to have the landing page fit full screen, with no scroll. Just text box fixed at the top and big logo fixed at bottom (no matter the viewport size, from desktop to mobile) – with same margin all around. Right now, I can't find the proper way to make all margins equal, eliminate the extra scroll, and keep the big logo stuck to the bottom. It is currently built using 2 separate sections, is there a better way to do it? Please help 🙂 Thanks in advance Pass: gogo
  17. 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,
  18. 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
  19. 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
  20. 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
  21. 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
  22. 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.
  23. 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.
  24. 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
  25. 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
  • Create New...