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!

I found the solution and thought I'd share: .collection-nav-item-span { font-family: (insert font) src: url (URL); }

Hi, I'm using the Tremont template, and I'm trying to change the main font on the "Index Menu" section of the home page. What is the CSS class for this? Does anyone have a solution for this? My site url: https://wrasse-calliope-jk8e.squarespace.com/ Many thanks!