Search the Community

How would you add an image background to a footer in Brine?

Has anyone found a better solution for this. A page where the content height is quite small so the footer lifts off the bottom. I can put a lot of padding or a big block at the bottom. Looks pretty ugly though. Just wondering is it something obvious or if theres some code to help out.

Hi there, I've currently set my footer background to pastel pink, but i wanted the top footer block background to have a white background instead while the rest of the footer remains pink. Does anyone have a code that could do this? My site is: https://smilodon-dory-yllm.squarespace.comthe password is "testing"

https://megalodon-rose-khl5.squarespace.com Im trying to change the font style within the footer but think it would need to have custom CSS any advice?

Hi! I'm trying to remove or hide just the 'footer bottom blocks' section as it seems to extend my site at the bottom more than necessary. I can't seem to find any specific code to hide or remove this. Thank you! Any help would be greatly appreciated.

hi there I added some custom code to my site and now there is a new black block below my footer. how can i get rid of this or what is causing this? https://createyouronlinepresence.com/ thank you for your help!

Hello all, I seem to have caused an issue with the footer on one of my sites. The strange thing is that it only occurs with the home page, and not the other site pages. I have inserted some custom code for various different things, but I cannot figure out what might be causing this issue. The website is universalmobilehomes.com. It uses the Five template. I have dug and dug and just can't find the offender! Anyone have any ideas? The footer should be full width, and like I mentioned, it is on every other page but the home page. Thanks in advance for any help!

I'm currently using the Mercer template. I've added my social links that is showing up in text in the footer. I would like to use icons instead, how do I change that? Thank you!

I'm using the Brine template and just created a blank page. In the design styles I have the footer hidden. In the body of the page I have a map and a bit of text but it's not taking up enough area on the page to fill it and as a result, there is a black space below my white page. It isn't there on any of my other pages, just this one. It's almost like there's a footer there that's just a black space. Any ideas how to get rid of the black bar?

Hiya, I've got a full photo with text overlay for my homepage, yet the footer still shows as a block of colour - is there a way to have this transparent? To allow the photo to truly cover every element? Thanks ❤️

I've set up a website where content is sold through Amazon Affiliate links. I have set up Amazon OneLink to enable me to sell in US, Canada and UK where the user will be sent to their local Amazon store upon clicking my links. I embedded the javascript below into my Squarespace footer (Settings; Advanced; Code Injection; Footer) as instructed on both the Amazon and Squarespace websites but everyone still only sees the US Amazon store. I've contacted Amazon and they've confirmed that everything looks set up fine from their end. Any idea what I should be doing on the Squarespace side to make this work? I'm signed up as a Business customer on an annual contract, based in US. www.winterplaybook.com <div id="amzn-assoc-ad-8435f65a-7439-47fb-bb97-5bf6a677d528"></div><script async src="//z-na.amazon-adsystem.com/widgets/onejs?MarketPlace=US&adInstanceId=8435f65a-7439-47fb-bb97-5bf6a677d528"></script> Anyone else had the same issue?

York evidently only allows for 4 Styles -- Normal, Hdg 1, Hdg 2 and 3. Client prefers a small font for footer, but the footer is automatically set to Normal, with no way to make it smaller than content style. would appreciate any help with this. Here's the site: https://www.aaronbutlerart.com/ Many thanks in advance.

Hi All, I've added a background colour to my FooterTopBlock, however, it doesn't go all the way to the edges. Any advice on how to make this full width? https://splashandcocreative.com.au/new-home-page Thanks!

Hi, I am building a site using the Pacific template. I have an ultra-simple footer that simply shows the standard one-line copyright info. When I view the site on mobile, the footer ... disappears. Anyone who knows a workaround? How to force its appearance? 🙂 Thanks! Mikkel

Hello, I would like to add custom phone icon next to instagram icon in the same footer section if i add the code it creates another footer but i need icon on the same footer section can you let me know how to do that.

Hello, I would like to know the way to remove the top and middle footer on all pages in the template Rally. I only have the basic plan so I cannot use Advance. Could someone please tell me the custon CSS for this? Thanks

Is it possible to hide the Logo, Navigation bar, and footer on the shopping cart page? I've used codes to hide all these elements on other pages, but I can't seem to find a way or a code to do this on the shopping cart.

Does anyone know where the code is floating around for the minimal audio player that's on the Jeff Bridges site? Designer Craig Blagg says on his site "Each custom component, from the embeddable media, social cards, custom audio player - were built as reusable functionality. So any Squarespace customer - could leverage each of the extensions created for the campaign." I assume this was done in the developer mode, but wondering if anyone has a similar plugin or something that they've done that works similarly. I'm trying to get the audio player (for a playlist) to be much more streamlined than what's in the template (Brine). Thanks!

Looking to reduce: 1) the padding/height of the page title section that is in-between the site header at the top and the galley image section (see America-East Coast page) 2) the padding between the bottom of the gallery image section and the footer Website is https://purple-chinchilla-4bnr.squarespace.com Password London0220 Help will be appreciated as can't seem to find the right solution as it's 7.1 and most of the advice out there is for older versions thanks

Hello, I'm trying to add more columns in the Footer section of Avenue template but even though I've tried some workarounds, it doesn't seem to work. Is it at all possible? My goal is to offload the main navigation to the Footer - any other ideas would be very much appreciated. The URL is: www.onebreath.eu Thank you!Myrto

Does anyone have a CSS code for changing the footer colour in the Ready Template? Thanks so much

website: www.isissakomadajohn.com I am using the Flatiron template and have two issues with my footer in MOBILE: 1. On MOBILE, when you scroll all the way to the bottom of the index and reach the footer, the social icons are slightly off center. How can I make sure these icons are centered exactly on MOBILE? 2. On MOBILE, when you scroll all the way to the bottom of the index and reach the footer, there is a ton of space between the last image in the index and the social icons. How can I decrease this amount of space? Thanks!

Help? Having trouble finding out how to ensure this spans across the bottom of the page. #footerBlocksBottom https://www.michael-and-rose.com/

Hello, Just have a little issue with the footer on my site. Essentially, i'm wondering if its possible to stretch the footer out to the full width of the page. For the moment it somehow only is only covering half of the width. I just have this newsletter block added within the middle footer block which I would like to have it centered. Thank you in advance.

I've installed a Paywall plugin that hides the content for my page if they are not paid subscriber. If you visit my site: https://healthfulev.com/max and click on any of the 2 options, you'll see that I've restricted those pages. However the footer navigation still shows. The code I'm using is hiding everything else. I've attached a screenshot as well. This is the code I've used: <style> body:not(.sqs-edit-mode) .sqs-layout .sqs-block {pointer-events:none;opacity:0;visibility:hidden;} body:not(.sqs-edit-mode) .removex {pointer-events:auto !important;opacity:1 !important;visibility:visible !important;} body:not(.sqs-edit-mode) .subslock{opacity:0 !important;pointer-events:none}body:not(.sqs-edit-mode) .fadeload{opacity:1 !important}body:not(.sqs-edit-mode) .sqs-layout{opacity:0;transition:all ease-in-out 300ms;-ms-transition:all ease-in-out 300ms;-moz-transition:all ease-in-out 300ms;-webkit-transition:all ease-in-out 300ms} </style> <iframe style="visbility:hidden;pointer-events:none;z-index:-9999;opacity:0;position:absolute;top:0;left:0;width:500px;height: 200px;" class="subscription-checkx" src="/account/frame/subscriptions"></iframe><div class="subsnotice subslock" style="position:fixed;z-index:9;top:55%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);width: 400px;height: 200px;transition: all ease-in-out 200ms;"><div class="subsicon" style="background:url('https://static1.squarespace.com/static/54dcf1f3e4b03174c3dc75f5/t/5be5e854352f5308e3762256/1541793876726/subspadlock.png');background-repeat:no-repeat;background-position:center;background-size:contain;top:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);position:absolute;width:22px;height:22px;display:block;"></div><div class="subsmessage" style="left:0;margin-top: 36px;width:100%;display:block;font-size:14px !important;text-align:center;"> <h3><b>MAX Subscriber Access Only</b></h3> Please sign in to continue. </div></div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <script type="text/javascript"> $(window).load(function(){ setTimeout(function(){ $(".sqs-layout").addClass("fadeload"); },2000); }); </script> <script type="text/javascript"> $(window).load(function(){ setInterval(function(){ /* SUBSCRIPTION PRODUCT NAME */ var name = "Booty MAX"; /* YOUR SERIAL KEY */ var serial_key = "1234-5678-9101-1121"; /* DON'T CHANGE */ var subs = "Subscriptions"; /* DON'T CHANGE */ var next = "Next Order"; if (($(".subscription-checkx").contents().text().search(next) > -1)){ /* ACCESS GREANTED **/ $(".sqs-layout .sqs-block").addClass('removex'); $(".subsnotice").addClass('subslock'); }else{ $(".sqs-layout .sqs-block").removeClass('removex'); $(".subsnotice").removeClass('subslock'); $("body").find(serial_key); } },2000); }); </script> Can anyone find anything wrong with this code?