Search the Community

Hi All, I hope you are all doing well. Could you please advise the best solution for the above site (currently a coming soon place holder). My client would like to have the banner similar to the link below. The important part is that the change of images is automated and that they blend into each other. Plus, he wants the image to bleed into the navigation bar. Is it best, I create a video with the images and use that as a background or is there a code that does not mess with the page too much? The client is aware that this practise will slow down the page but is too keen for this effect. https://www.nathanburkett.com.au/ Thank you for your help on this. Andrea P.S.: please advise if you need the squarespace url

Hello to all. I'm new to the forum and hope that I might find a solution to my question. In the section following the header can an image in the section be made to "bleed" into the header as background for the header as well? or am I mistaken that the header is unique in that no elements of a section can also be part of the header? Thank you.

Site URL: http://www.goldhawke.uk I have a grid of images on my home page which you can click on and they link through to each project. The problem is on some browsers the images are too big and only can be seen if the web browser is fully opened up. Also on mobile devices the images are too big and bleed off the edge of the screen. There is crop image check box in the desiogn settings but when its unchecked the images are then too small. I have attached 2 images. One which shows the images too big and bleeding off the page, and the second image shows the unchecked 'crop images' version. Any help would be much appreciated. Site details below Squarespace Version 7.0– York family (Lange Photo template) Many thanks

Site URL: https://www.j2tampa.com/ Hi Squarespace! The 1st attachment shows what I've got right now, with the happy face sitting in the middle of the section. The 2nd attachment is how I would like it to be, with the happy face bleeding to the top edge of the section. Sure hoping somebody can share some code for making that happen 🤞🙏😃

Site URL: https://saffron-aqua-j5mp.squarespace.com/config/ Hi there, Could you please help me how to make an image as a full bleed card block like attached? This is for my homepage and the link is below: https://saffron-aqua-j5mp.squarespace.com/config/design Password: chichi2021 If you could help me with the custom codes or any solution, that would be great. Look forward to hear back from you. Cheers

Site URL: https://society-particular.squarespace.com/config/ Hi, Could someone help me with making the margin around an image blocks smaller? I have a website with lots of images. I would like to make the gap between image blocks smaller. I cant achieve it through the built-in functions. Could someone help me with this customization? Thanks~

Site URL: https://gecko-harmonica-66kl.squarespace.com/ Hey everyone! I was wondering how to make my video full bleed. I've been trying to use custom CSS, and apply all my knowledge into making my video blocks full bleed but I can't. I've attached a screenshot of the page I am meaning to do that. If we manage to make this a possibility, how do I do to get rid of the padding between the videos? Thank you so much!

Site URL: https://www.colinking.com/ Hello, would like to make my sites header like this one - https://www.colinking.com/ How can I do this? I got the buger code down ok, but cannot get my gallery to overlap the header.

Hi, Can anyone help with how to do full bleed images for a portfolio like in this example? https://www.tomkahlerphoto.com/client-collections

Site URL: https://caterpillar-dog-ya7c.squarespace.com/ Hi, I want to extend my horizontal lines full-width, but at the moment they only extend fully to the right, I'm not sure how to remove the padding on the left? Password: doublelives Thank you!

Site URL: https://www.bnkservices.com.au Hi, How can I make my banner full bleed on my mobile only? I don't want it to be full bleed on my computer version. When I change the computer version to full bleed the mobile version looks good and to the edges but the problem is i only want it full bleed on my mobile since I like the shorter design photo on my computer. is there any code that can help me achieve this? thanks

Site URL: https://chrisjeeves.com/ Hello, Apologies is this is covered elsewhere, I have looked on the forums and tried various custom CSS code injections with no joy. I'd like the video's on my site to all display full-width, they are currently much smaller than other content. There is a video at the top of this page with a red background for example (see crude drawing screenshot arrows): https://chrisjeeves.com/childrens-charity Video is embedded from You Tube with this code: <iframe width="560" height="315" src="https://www.youtube.com/embed/p0KHaJamWzw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> The Square Space Template is: York If you need any of information please let me know Thanks in advance!

Is there a way to have to the "sections" sitting next to each other? I'd like to have two rows side-by-side with full bleed backgrounds (see reference image). I'm then planning to place pngs on top, so that it translates well across devices. I'm including an example image. I am not uncomfortable with code, but only have very basic knowledge. Could someone please point me in the right direction? Any help is greatly appreciated.

Site URL: https://www.stu237.com/services Hello all, I know this topic has been talked about before, but can't seem to find a definitive answer/solution. I simply want my website to have a full width/bleed images and video. Here's the exact website I'm inspired by that I want to mimic: https://www.mortalshell.com/ Here is my website for comparison: https://www.stu237.com/services Your help is much appreciated! Thank you. 🙂 P.S. Apologies if I may not understand everything, I'm not a web designer by trade, but given my limited budget I have to build my start-up company website on my own.

I would like to make all my full-bleed images from getting cropped when it turns into mobile view -- is there a code to make all full-bleed images responsive in different views? (so it scales down proportionally while still being full width?)

Site URL: https://www.isadoreintimates.com/ Hi, I am trying to make my footer part of my full bleed image instead of below, but can't seem to work out how. This is my website: www.isadoreintimates.com, I dont understand what I am doing wrong ps. also only on the home page! not the other pages my template is Marta

Site URL: https://juliennecarrots.squarespace.com Site URL: https://juliennecarrots.squarespace.com Site password: Password Hi there, I need help trying to achieve a few different things. I'm currently working on a split landing page for my website, in order to choose which half of the website to visit. Here's what I'm having trouble doing: I'm trying to have two images bleed to the extents of the page. I've got them as image blocks side by side, but right now there's still space between the images and around them. I'm trying to have them be right next to one another, and fill the extents of the screen. (The images of the ladies are the ones wanted in the background) I'm trying to have the images be in grayscale, but then revert to color when the mouse is hovering on them. Below (the list) is the CSS I'm using to try to achieve this, but with no success. I also want two other images (the two logos) to be overlayed over the background images, and act as link buttons that bring you to the respective split homepages. I have the link/button functions working fine, but I can't seem to figure out how to overlay these logos over the two images below that I want in the background. Also, I can't seem to find a way to change the sizing of these images. I'd like them at about 50% of what they are now. Custom CSS for grayscale to color hover: #block-yui_3_17_2_1_1636006346935_2766 { transition: .5s ease-in-out; filter: grayscale(1); } .image-block img:hover { filter: none; } #block-yui_3_17_2_1_1636006105660_3251 { transition: .5s ease-in-out; filter: grayscale(1); } .image-block img:hover { filter: none; } I would love help figuring these things out. Thank you so much! I really appreciate it.

Site URL: https://www.ascentprint.co.nz/ I'm having a problem with the mobile view on my site. On Squarespace the mobile view looks perfect but when i actually view it on a mobile it crops the right part of the image off. How can i fix this? I've attached a photo of the mobile preview from Squarespace and a screenshot of the site actually viewed on a mobile. Cheers

Does anyone know how to set the image on the left to bleed off top, left and bottom of this section? I would like the ability to change the right half background (w/content) to different colors. Thank you!

Hi, I need to make the header menu in a way that the logo bleeds across the menu, so that the edges of the logo are outside the header borders. Anyone who can help? Site: https://gar-heptagon-942j.squarespace.com/ Password: filmfilm