aurevoirblue

Thanks @tuanphan for the follow up - I'll give it a go right now. Can you send me the code in the meantime please?

Hi @bangank36 Yes, is it possible to have the image change when hovering over the button?

Site URL: https://brass-sepia-454p.squarespace.com/ Hi, I'm trying to create a custom section borders by creating an image and positioning it above the section. I created an SVG wave here: https://getwaves.io/ and get this code: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#74C2CB" fill-opacity="1" d="M0,64L80,85.3C160,107,320,149,480,154.7C640,160,800,128,960,122.7C1120,117,1280,139,1360,149.3L1440,160L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z"></path></svg> and I'm using this code to place it on the page: #your-section-id-here { background: #DE551B; overflow: visible; &:before { content: ''; width: 100%; height: 100%; background-image: url(ADD URL); position: absolute; background-size: 100%; background-repeat: no-repeat; background-position: bottom; top: 0; margin-top: 1px; transform: translateY(-100%); pointer-events: none; z-index: 1; @media screen and (max-width: 800px) { background-size: 200% 50%; } } &:after { content: ''; width: 100%; height: 100%; bottom: 0; left: 0; background-image: url(ADD IMAGE URL); background-size: 100%; background-repeat: no-repeat; background-position: top; margin-bottom: 1px; transform: translateY(100%); position: absolute; pointer-events: none; z-index: 1; @media screen and (max-width: 800px) { background-size: 200% 50%; } } } Question is: where does the SVG wave code go into the CSS code? The CSS asks for a URL but I don't have that. Is there a fix for this?? Thanks!

Site URL: https://emu-maracas-4rxy.squarespace.com/ Hi, I'm trying to create something similar to this plugin by Ghost: https://www.ghostplugins.com/products/phase-image-changer But I'd like it to be at the top of homepage main banner image. Main image with 4 text links which have this rollover/rotating image effect. I'm not sure if I'm describing this properly so please let me know if you need an explanation! Thanks Site: https://emu-maracas-4rxy.squarespace.com/ Password: emu

Thanks @creedon Setting the background to full bleed w/CSS worked! Many, many thanks for all your help on this @creedon @Kwamzilla 🙏

Thanks @creedon Ok, added that. Still doesn't seem to be working...

Thanks @creedon and @Kwamzilla I seem to be missing a step. How do I "set the content width of the page section to custom 100"?

Thanks so much @creedon and @Kwamzilla!! I'll give it a go right now. Your attention on this is very much appreciated!

Thanks for the reply @creedon How do I build the basic effect? Just place the images on the pages?! I'm not married to this template either, so if there's another template I should use to get this layout effect, please let me know. I've updated the page permission. Password: heron Thanks!

Site URL: https://heron-bassoon-x9re.squarespace.com/ I'm trying to create a banner that has a unique edge along the top or bottom. The graphic is done in photoshop, but how do I upload it to squarespace so the banner blends into the next section? Is there a CSS code I need to use? Thanks in advance!

Site URL: https://heron-bassoon-x9re.squarespace.com/ Here's the visual example to help explain what I mean. Please note the top banner of this template: https://chloe71.squaremuse.com/?password=demo I'd like to place images on either side of the page (or banner?) that bleed off the edges. Is there a custom css code I can inject to do this? Thanks in advance!