help with my footer . . .

  • 1
  • Question
  • Updated 3 years ago
  • Answered
So I want to change my template to a new design, but I see there isn't a footer to turn on in this design.  I just want to copy the footer from the current design at gourmet2goabq.com and re-use it (centered) in the new design in the site tracker section - I get all that - how to do it etc., but I am not an html girl!  Can anyone write something for me that will center at the bottom of the page?  I'd gladly send a useful image / cool background in exchange!
Photo of Caitlin Hecsh

Caitlin Hecsh

  • 5 Posts
  • 0 Reply Likes
  • stupid

Posted 3 years ago

  • 1
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hello Caitlin,

Place this CSS style sheet in your CSS overides:

p.footer {
    text-align: center;
}

Place this code into your Custom Site Tracking (Footer)

<p class="footer">3400 Constitution NE, Suite D, Albuquerque, New Mexico 87110, US | 505-880-0057</p>

See how it goes and if you require any enhancement or directions let us know.
Photo of Caitlin Hecsh

Caitlin Hecsh

  • 5 Posts
  • 0 Reply Likes
Oh thank you!  This is nearly perfect - How can I adjust font type/size/color?
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hi Caitlin,

The easiest way is by using the Style Designer. You notice I selected the <p> (paragraph) text. You can select another of the <H> (heading) texts. If you want to use a font style that isn't used in any of your site except for the footer then I would Style the <h6> (H6 heading) text. Please let me know if this doesn't make sense to you or if you're unfamiliar with the Sitebuilder Style Designer. You would need to define the h6 colour and the h6 font for your requirement.

Once you define the Style of <h6> then you can replace the p with h6 then the codes would be:


CSS style sheet


h6.footer {   
text-align: center;
}


Custom Site Tracking (Footer)

<h6 class="footer">3400 Constitution NE, Suite D, Albuquerque, New Mexico 87110, US | 505-880-0057</h6>

The text style displaying in your footer will then be displayed as you have defined.
(Edited)
Photo of Caitlin Hecsh

Caitlin Hecsh

  • 5 Posts
  • 0 Reply Likes
WOW!  This is working extremely well - if I want to right align this how do I change the instruction?
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
change the CSS style sheet in your CSS overides:

h6.footer {
    text-align: right;
}
(Edited)