Jump to content

Add a footer for the momentum template

Recommended Posts

Posted

I need a way to add copyright information at the bottom of my images. Is there a way to add a footer and block text for the momentum template, or maybe any other way or method to add this this information under my images -left hand side.

Any help would be great!

Thanks

  • 1 month later...
  • Replies 17
  • Views 12.2k
  • Created
  • Last Reply
Posted

Try adding something like this to code injection footer:

<div class='footer' style='text-align: center; position: fixed; bottom: 3px; z-index: 999;width: 100%;font-size: 8pt;'>THE FOOTER</div>

Posted

I can't tell you how happy you just made me! This is great, but is there a way to move the footer title to the left a little. I changed the text-align: to left, but it moved it right to the left corner. I need it about 100 to 200px off the left side. Basically I need to align it with the left side of a image. I also discovered that I can move the footer title up and down vertical by adjusting the fixed bottom 3px to whatever I need it, great!

Any help would be great and thanks again!

Posted

Happy to know that this have helped!Note though, that in the thumbnail view the footer is covered by the thumbnail panel. I think adjusting the z-index of the div 'footer' can cater to this, but have not checked yet. Aligning to the image can be tricky, as it seems that the image is being resized by a script that reacts on browser window size. Long story short -- I don't know how to do it in a simple manner. Injecting custom javascript may be a solution, though...

Posted

Thanks for responding.

I'm fine with thumbnail view covering the footer I guess, but I noticed a more serious issue. I discovered the footer is interfering with text on block pages. The footer is overlapping the text. Its not too bad with large computer screen, but it's a issue with the mobile version of site. Again the footer is overlapping text on my block pages like my Faq, contact and terms block pages.

I hate to ask you again, but is there a way show the footer only with my galley pages. That will solve the problem with overlapping text.

Thanks

-Aris

Posted

Sure! 1. Modify the site-wide footer code injection code to:

THE FOOTER
  1. Move the original footer injection code to gallery pages: Gallery Settings->Advanced->Page Header Code InjectionThis must be done for every gallery page. And it is OK to add as header injection -- positioning is set relative to window anyways.
Posted

Second try:Sure! 1. Modify the site-wide footer code injection code to:

<div class='footer' style='text-align: center; width: 100%;font-size: 8pt;'>THE FOOTER</div>

2. Move the original footer injection code to gallery pages: Gallery Settings->Advanced->Page Header Code Injection This must be done for every gallery page. And it is OK to add as header injection -- positioning is set relative to window anyways.

Posted

This is great, that did the trick, but the modified site footer code did not work. I used the original you provided, which worked.

Thanks again. You've been a big help!

  • 11 months later...
Posted

Thanks for this solution. I just copy and pasted though and nothing changed at the bottom of my site. Where in the code do I insert the actual text? My site background is white, don't know if that makes any difference. Any insight you can provide would be super helpful!

  • 6 months later...
Posted

Anyway to modify the code to get the footer to just stay the bottom of each page, instead of floating and moving to stay at the bottom of the viewable area on the page?

Posted

Anyway to modify the code to get the footer to just stay the bottom of each page, instead of floating and moving to stay at the bottom of the viewable area on the page?

  • 1 year later...
Posted

Worked like a charm for the Premier template! Thanks so much

Posted

Worked like a charm for the Premier template! Thanks so much

Posted

Worked like a charm for the Premier template! Thanks so much

  • 1 month later...
  • 2 months later...
Posted

Hi, @rarmstrong5 i'm using the Premier cover page template too and trying to add the code to have a footer on those pages. can you tell me how/where you were able to do this please?

Posted

Hi, @rarmstrong5 i'm using the Premier cover page template too and trying to add the code to have a footer on those pages. can you tell me how/where you were able to do this please?

  • 7 months later...
Posted

I'm looking to do the same thing using the "wells" template, your code works great except that the text/footer scrolls up with the page and does not stay at the bottom. Anyway you could help? Thanks a ton.

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.