Jump to content

Add a footer for the momentum template

Recommended Posts

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

Link to comment
  • 1 month later...
  • Replies 17
  • Created
  • Last Reply

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>

Link to comment

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!

Link to comment

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...

Link to comment

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

Link to comment

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.
Link to comment

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.

Link to comment
  • 11 months later...

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!

Link to comment
  • 6 months later...
  • 1 year later...
  • 1 month later...
  • 2 months later...
  • 7 months later...

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.