Search the Community
Showing results for tags 'footer'.
-
https://dolphin-octopus-74wh.squarespace.com/ Site Password: test123 I have set background of my site footer as an image. The image is a PNG with transparency. I am trying to find a way to get the body content to flow behind/below the footer, so it looks like paper laying on top. The site header looks the way I want it. I am open to hiding the footer on this page and building out a new one in a new section. This wont be a problem on other pages as the body background will be white. I am not looking for a fixed footer -- it can scroll with the rest of the page. I just want to get rid of this annoying white background!
-
Hi, I use a code on this website to make a hamburger menu on desktop so I think thats the problem with following: I want to hide the header and footer on a salespage and this code in the advanced tab doesnt work: <style> #header, #footer-sections { display: none!important;} </style> Can anyone help me with a code to do so? PW: Anahata12
-
Site URL: http://www.thenajinproject.squarespace.com Hi, I'm needing help adding these behaviours to the "back to top" button on my site: For it's background to be a white circle For it to only appear after the user has scrolled down I would also be so grateful if you can help me understand why the code block that sits in my footer for this button is so large in height on mobile. And help me reduce it so that the footer on mobile isn't huge. Site password: Fatu
-
I'm trying to update a widget from Artplacer that allows you to see art against a photograph from the customer. The basic code injection (in the footer) to add the widget is below - however, it requires customization in order to update the size values when the customer selects a different product variant. I have some coding experience but not with javascript and can read basic html but I was hoping someone can help me figure out how to update the code injection. Widget code: <script src="https://widget.artplacer.com/js/script.js"></script> <script type="application/javascript"> ArtPlacer.insert({ gallery: "30905", default_style: "true", resizable: "false", frames: "true", rotate: "false", catalog: "visible", type: "1", }) </script> 'Vanilla Javascript' from Artplacer to call the artplacer API and update sizes when different variants are selected: document.querySelector(‘input[name=variant_selector]’).addEventListener(change', function(){ const size = this.value; // Get the size from the selected element const height = parseFloat(size.split(‘x’)[0]); // Extract the height from the size const price = document.querySelector(‘.active-price’).innerHTML // Get the price from the price HTML tag, assuming it has already changed ArtPlacer.changeAll(height, size, price); }); It seems like I have to select the attributes from 'data-selected-variant' under the class 'product-variants preFade fadeIn' but I'm not sure how to do that. Thanks for any help! -
Hey all, I need your help with CSS. I'd like to remove the footer section completely only from one page. I've added css to hide the contents of the footer, which works: #collection-633ccc097841872e8b279ad4 footer.sections { display: none !important; } But, it leaves a blank space where the footer contents was. The section above has a backgrouynd image, but it doesn't go to the bottom of the screen because the footer section is still there. I dont have a business plan, so this will need to be achieved in CSS only. It's the /home page. www.dustin.land/home site password: SQtemp123 Thank you! 😊 -
.thumb.png.c2135ed5d35307ccd1ecfbad0af2e75e.png)
When the footer is disabled, the home page is full screen and the user cant scroll down at all. I like how that looks But when I add a footer, it hides below and the user needs to scroll down a tiny bit. I'm trying to do 2 things 1. make the background of the footer transparent so the text floats over the image in the bottom corner. 2. move the footer up, so the user cant scroll down. -
Hello! I have an issue with the padding between the footer and the product grid on the shop page. It's fine on every other page, but I can't find what's making it do this. https://www.skinnies.co.uk/skinnies-shop Lil' help?
-
Hello everyone, I would need to have the cookies banner (with opt-in & out) in two different languages. is this possible? I followed the code from Bradgood.net for creating the dual language site Thanks in advance for you help! www.gyrotonicinselberlin.com Passw: Anneli
-
Hi, I created my website and I’m basically done. The only issue I’m having is there is this white bar at the bottom of my screen and I don’t know how to get rid of it. It’s at the bottom of all of my pages. Even on my store.Can someone please help. I have to publish my website soon. I’ve been trying to figure this out for days.
-
Site URL: https://villa-rondinelli.squarespace.com/ Hi there, I'm building a multilingual website with Squarespace 7.1. It will be in 2 languages (Italian and English) and I was wondering if there's a way to have footer, cookies banner and 404 page text in the language the visitor is in. You enter the website through this cover page: https://villa-rondinelli.squarespace.com/cover that brings you to the home page: https://villa-rondinelli.squarespace.com/home/it Password: maggie-villa Regarding the footer, I'd like that when clicking on the links in the footer (Privacy policy, Note legali, Credits) they will bring you to the related page in Italian or English. For now the website is in Italian only, I'm going to add the English pages with this method: https://beaverhero.com/squarespace-2-languages/ Thanks!
-
Hey. I can't get one block of text in this site's footer to center align it's content in mobile view. Both text blocks are left and right positioned in the desktop view, and the left block cooperates in the mobile based on this code: @media only screen and (max-width:767px){ #footer-sections * { text-align:center } } But the right block is being stubborn. Any ideas what's preventing it?
-
Hello, I've got a random couple of href links appeared in my footers and I can't find where the code is to delete them. Example: Home page footer On the left hand side over the logo, phone and email address there is a href on the section that links to another page. I have got some custom code on the block above it - could it have been applied to the wrong block? This occurs a couple of times on other footer pages as well. Anybody got any ideas on where the code would be located to remove it? On -
HI, HOW CAN I ADD A COLOR BACKGROUND TO MY FOOTER? THANK YOU!!!
-
Hi there, For some reason, the hyperlinked text in the footer of our website (7.0 template) doesn't automatically appear as underlined. Is there a way to underline each of those links? https://www.lecomptoirla.com/ Thank you! Camellia
-
I put a code block in the footer that uses a javascript function to automatically update the year in my copyright line of text. The code works perfectly, and I used the following css to resize the code block to the same height as the other text fields on that row. /*footer copyright sizing*/ #block-yui_3_17_2_1_1674572709417_110386 { max-height:1rem } The row of text (that includes the code block) is intended to be at the very bottom of the page footer, but because the code block contains the javascript disclaimer about not being able to run while in edit mode, I cannot remove all the excess rows from the bottom of the footer. Beneath the row where I want my footer to end, there are 8 rows I cannot remove. I tried setting a max footer height via CSS, but it cuts off the footer content from the top, not the bottom. How can I fix this to reduce the excess empty space at the base of my footer from the code block? Thanks! -
Hello. Ever since I started editing my site, the footer area isn't editable. When I click on "edit footer" button, it isn't active. Can anyone help?
-
https://reed-collie-yak3.squarespace.com/projects Password: go Help! The footer and some other text blocks look perfectly fine when in bigger desktop screens + mobile screen view, but start to overlap and look weird when viewed in screens sized in between those 2 extremes (particularly, on an iPad tablet and a small laptop screen). What code can I use to make sure it keeps a max width of 100% regardless of screen size? Any help appreciated. Thanks. Image 1 & 2 = Footer viewed on a wide desktop screen + mobile Image 3 & 4 = Footer viewed on a tablet+small laptop screen Image 5 & 6 = Text block viewed on a wide desktop screen + mobile Image 7 & 8 = Text block viewed on a tablet+small laptop screen
-
At the bottom/footer of my site, I have contact information for my various store locations that I think is important for customers to easily find if needed. I HATE the current styling and think it just looks like one big blob. Does anyone have any suggestions on how to add some style to this section of my site? Would also like to add links/icons to Instagram (https://www.instagram.com/alexiasbridal/)/Tik Tok (https://www.tiktok.com/@alexiasbridal) accounts which are the same account regardless of location. Thanks for any suggestions...
-
Hi! I am using the crimson chameleon theme. I have a problem to edit the navigation buttons by the footer in my portfolio. It seems any other text block is possible to change in style but not these. It seems impossible to mark them or find them in the site styles edit. Is there anybody who has experienced the same problem and maybe also can provide a solution? Many thanks! Daniel
-
Hi all I have an issue when the browser window is made narrower the footer text breaks in additional lines, but I want it completly locked. I dont mind the main website text breaking in more lines for ease of reading but I need the footer to stay locked at all time. Any help would be appreciuated! -
I am trying to add a footer, but every time I click to edit my footer, two buttons pop up and I can only exit. Anyone know how to fix this?
-
Hello! Does anyone know, why I all of a sudden have a issue with a opening - and closing bracket appearing in the bottom of my website? See picture: I have a codeblock in the footer for my watermark/fixed quote. Could that be, what's causing the issue? <div class="stickylink"> <img src=" https://static1.squarespace.com/static/60407c1720a81d188558b37e/t/6059853c3ca5ae3b260b169e/1616479548490/YO_QUOTE_OUT_WHITE+(1).png"> </div> Thanks in advance 🙂
-
Hello Community, I have had a footer bug for a while. If I click, add footer section, I'll see an unclickable button for edit footer, but I can't do anything to add or edit the footer. I tried deleting all of my custom code completely but it didn't solve the problem so I added all my custom code back in. There is no custom code injected into the footer or if there is, I tried removing it and it didn't solve the problem so that's probably not the issue. SS Help was no help at all. I kind of just gave up and added a section manually to the bottom of all of my pages to act as the footer. I know there are others out there who have had this issue but none of the threads I found had solved the issue. First time posting, so let me know if you need more info.
-
So I was remaking my site this morning and I assume I added a footer rather than a section because I noticed during editing that it says "editing footer", Is there an easy fix to this I made multiple sections that are claiming to be footers now. I'm not the greatest at websites so if someone can help me out it would be greatly appreciated
-
Hello SQSP forum, Please help me help get a specific page on my website to have a different colored footer section than the rest of the website. On the LOADED page of the website (SHOP nav/Loaded), I want to use a green gradation background image (similar to the header on this page). I was able to use CSS to change the header to the green gradation background image I imported, but can't find a good css solution for the footer section. The footer has two sections. The 2nd lower section now is a red image gradation that is on all the website's pages. The website password = peak For reference - You can also check this Loom video link (free to view): https://www.loom.com/share/0422adc46a0c4c1d917b34c0e67664cf Thank you, Freed
.thumb.png.c2135ed5d35307ccd1ecfbad0af2e75e.png)
