Search the Community
Showing results for tags 'footer'.
Found 156 results
-
I have wondered if it was possible to create a bottom footer with information. There is no one in the template that I use. - Wells See the picture I attached.. Thanks in advance!
-
Site URL: http://www.pitchurethis.com Hey community! Basically looking to add a full width horizontal rule to the footer bar of a site I'm building (see mockup image attached) Any one, by chance, know a way via css to accomplish this?
-
Site URL: http://www.intheaterpodcast.com Howdy, I'm trying to make my footer shorter so it takes up less space. I currently have: .header-title-logo img { max-height: 300px; } in the custom CSS box thanks to Tuanphan.
-
Hi, i have created a custom footer for my email orders and i would like this footer only to appear on the order confirmed and fullfilled emails and not on the refunded order email. Do you know if this is possible? Or do you have any tricks to create different footer for each emails? Could you please help me Thanks a lot
-
Remove the banner from the footer (Henson template)
mudit posted a question in Coding and Customization
Every page in my website repeats the banner on top of the page and the text from the home page. Is there any way to remove these things from the footer, without removing them from their intended spots. Squarespace support isn't able to help out with this so appreciate any support that I can get from the community. My website is https://helix-apricots-pabf.squarespace.com -
Site URL: https://www.jimisaband.com/ Hello! I have placed a logo in my footer and it looks fine on desktop but is HUGE on mobile. It takes up the entire mobile screen. Any ideas on how I can fix this? website is jimisaband.com The template I used it Kitui, a 7.1 template
-
Site URL: https://www.roostup.com/ I was making updates to my site and noticed that on mobile, my footer color comes up and overlaps most of the content on the page. I don't see a way to adjust this, as I can't select it as an element. Any ideas why this might be happening? Thank you, Alex
-
Adding Background Image to Footer Middle Block
kmstrangeMUA posted a question in Coding and Customization
Site URL: https://www.kristinelizabethmua.com Hello, I am trying to add a background image to be added to my footer on my website. I would like to overlay a social media block over the image. Does anyone know a way to not only add a background image to the footer of your website, but whether or not that would change how you add the social media block to the footer. I'm doing a full refresh of my website & trying to get a few custom things done, but this is one things I'm unable to find. I've attached an image of kind of what I'm trying to do, whether or not the font overlay is happening doesn't matter. Unless of course, it's actually easier to code overlaying text over the social media block. Either way would be awesome! Thank you! -
Site URL: https://beerhousealbania.squarespace.com/ I'm currently in trial mode building a site. This is my first day and first site in 7.1 (second ever) and first experience with codeblocks, and it appears that I completely disabled the footer sitewide. I'm wondering if there is some way to find that codeblock as it appears to be missing, I cant find it... This feels silly. It is getting rid of the footers everywhere, even though it was means just for that one page. Hope I laugh about this one day... pass: content -
Site URL: https://www.amberjainowell.squarespace.com Using a full-width header in York. Wanting to place my footer diagonally across from it with the same padding (45px, 45px). Only code I'm finding involves footer additions. Anyone have CSS for the placement only?
-
Hey guys, I'm looking to make the footer text smaller than the body text. I feel like there's a code that could probably help this. Any suggestions? Thanks
-
Site URL: https://www.dancingchihuahua.com Hey! I am trying to figure out where the weird space is coming from in the mobile view for my site (Impact template). Anyone have an easy HTML fix I can drop into the Custom CSS field? Thanks in advance for your time and assistance! Clay VA, USA
-
Site URL: https://www.bellchem.com Good Morning, I am attempting to add a custom button in my footer via an image, but I add the image and it looks fine when viewing on the desktop, but when I look at it on mobile, it blows up the size of the image to fit the width of the screen. How do I get it to remain small like on the desktop site? Thanks, everyone!
-
Site URL: http://zhanamitkova.com/ Hey, I need help putting code to resize the text and image on mobile to appear smaller. The site is http://zhanamitkova.com/ it looks fine on desktop but in mobile view the text and the image appear huge. How can I make those smaller to fit well on mobile view? Thank you in advance! Zhana -
Site URL: https://www.igwe.paris/studio Dear all ! I have my website : www.igwe.paris for a sneaker brand. I'm creating a new website beside to prepare the new collection, more minimalist design etc. I did it on Wells (because I want a slidebare navigation) I would like to know a few things, such as : - Put the logo on the top center of the page instead of the top left - Add the card on the top right of the screen - Add a color on the navigation when I hover it. - Add a filter color on some picture when I hover it. - Add a footer on all the pages Also if you have any advises and tips for this template and also if you know better template that can help me to do better. See bellow a picture of the layout i've made on photoshop (what i would love to have) and a screenshot of what i did so far on squarespace. Thank you in advance for your help ! -
Site URL: https://willowandwhitestudio.com/home I am trying to reduce the padding of my footer using Squarespace 7.1. I have tried various CSS but can't seem to get it working. I'd like the bottom section below the Instagram section to be about half the height that it currently is. Can anyone please help? password for the page is: workinprogress I have tried using the following CSS and playing around with padding - it seems to work initially, but then once saved, it goes back to the original height. footer#footer-sections { padding-top:-100px; } I also currently have the following code to make my instagram feed full width: //*Full width IG footer*// #footer-sections section:first-of-type { min-height: auto; } #footer-sections section:first-of-type .content-wrapper { padding: 0!important; max-width: 100%; } #footer-sections section:first-of-type .instagram-block { padding-bottom: 0!important; padding-top: 0!important; } Not sure if the code is interfering somehow? I'm still learning CSS! Thank you!
-
Site URL: https://www.wmd-inc.net/ Hi All, Trying to get my footer to either have an image background, or be transparent to the page above it, like the bottom section of the header does to the page below it. Also, I want to duplicate my primary Nav buttons that are in the header, into the footer. The issue is that my 'About' nav button, is a folder, with link pages in it so that in the primary nav header, it functions as a drop down. This is apparently not an option through the normal function of Squarespace, so I'm looking for a way to code it. Thanks Guys!
-
Site URL: http://www.kvinnorinomtrading.se Hi everyone! Great with a forum like this! Have a couple of questions but I will start with this one. I thing my footer is way to high, can I change it to a lower one? When i edit the footer, I already have it on "S" under "section height". / Matilda
-
.thumb.jpg.2ac16d05ce942f5b80b77be7f5b19d64.jpg)
Hi, I'm just trying to play about with changing the padding on two image blocks in my footer so that I have more control over their sizes in both desktop and mobile view: This is the current CSS I'm currently using but I'm not sure it's laid out correctly and could use some refinement: <style> /*set padding to both logos for NON mobile devices*/ @media screen and (min-width:640px) #block-yui_3_17_2_1_1583604405086_50557,#block-yui_3_17_2_1_1583519438823_33740 { padding:0px; !important; } </style> <style> /*set padding to both logos for MOBILE devices*/ @media screen and (max-width:640px) #block-yui_3_17_2_1_1583604405086_50557,#block-yui_3_17_2_1_1583519438823_33740 { padding:30%; !important; } </style> Many thanks, Tim -
I'm trying out the new 7.1 at the moment. In 7.0 I had a template that allowed me to add a 1px border line at the bottom of the header and the top of the footer. I'd like to replicate this in 7.1, but I don't see any styling options for that. What custom CSS do I need to add to make that happen?
-
How can i center and adjust padding of the footer navigation
Mocoia posted a question in Coding and Customization
Site URL: http://www.mocoia.com Hello ! I have been battling with my footer navigation. I don't find any possibility in the style editor to CENTER the footer navigation nor to adjust the padding of the columns which i would like to make a bit wider (there's only the option to do auto-width). Can anyone help me out please ? :) Thank you in advance for your time ! -
I'd like to be able to use the entire width of the footer area. Currently my 3 columns are bunched to the left and the effect is sloppy and cramped. I'd prefer that they be spaced out evenly across the page. I tried asking Live Chat but their only suggestion was that I use stacked rather than columns. Fine, but that's not what I'd like to do.Any suggestions? Also, despite the fact that Styles says that I have the same font and sizes for Navigation and body text, they're clearly different. Can that be adjusted? website: RuffStuffTreats.compassword: SpentGrainTreats
-
Brine Boxed-in footer code not working in mobile
Mallorycs82 posted a question in Coding and Customization
Site URL: https://drcreative.squarespace.com I followed these exact directions for a boxed-in footer: https://thirtyeightvisuals.com/blog/boxed-footer-squarespace But the mobile code isn't working. This is the exact code I have in CSS editor: @media screen and (min-width: 640px) { .Footer-inner { display: flex; } .Footer-blocks--top, .Footer-middle, .Footer-blocks--bottom { flex: 1; display: flex; flex-direction: column; justify-content: center; border: 1px solid #ddd; padding: 20px; } } .Footer-inner { display: flex; } .Footer-blocks--top, .Footer-middle, .Footer-blocks--bottom { flex: 1; display: flex; flex-direction: column; justify-content: center; border: 1px solid #ddd; padding: 20px; } This is what it looks like on mobile view. Why???? -
reducing padding between sections in version 7.1
IvanOB posted a question in Coding and Customization
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 -
Site URL: https://red-blenny-wsg7.squarespace.com/ Does anyone know a code for a full width instagram feed in the footer? I am using Squarespace 7.1 and I have found codes online for 7.0 but none of them work. Thanks in advance.
.thumb.jpg.2ac16d05ce942f5b80b77be7f5b19d64.jpg)
