Footer customized

[Rhonda Schultz]

Hey Bill,

I have another question. I was wondering if the footer could be customized to have custom html & text added into the center?

thanks in advance!
Rhonda

[Bill Robbins]

Hi Rhonda,

You’re welcome to add in any HTML/text you’d like to. Here’s how:

1. Go to the Appearance section in your WordPress dashboard and choose Edit.
2. From the list of files on your right, choose footer.php
3. I would suggest adding in your new code right above this line:

   
   
   <div id="footer-right">
   

   To make it easier to style, I would do something like this:

   
   <div id="footer-center">
   Your code goes here
   </div>
   

How to center it depends somewhat on what is being centered. One option would be to center align the div and then absolutely position it in the footer with the width set to 100%. If the content isn’t too much, that’s the easiest. If it’s not, you may want to float it to the left and add a margin-left to it to push it to the middle.

Hope that helps out,
Bill

[Rhonda Schultz]

Thanks Bill,

I’m not good on coding. This is what I have:

<div id=”footer-center”>Design by Silver Cricket Designs</div>

If the font size is smaller would it fit better and align? Can you help me with code?

thanks
Rhonda

Attachments:

1. 

   footer.png
   

[Bill Robbins]

Hi Rhonda,

Can you send over a login again so I can take a look for you. That saves me having to set this up on my own site.

Thanks,
Bill

[Rhonda Schultz]

This reply has been marked as private.

[Bill Robbins]

Thanks Rhonda,

Try this:

1. Go to your theme options page and choose the Style tab.
2. Scroll down to the Custom CSS box and add this:

   
   #footer {
   	position: relative;
   }
   
   #footer-center {
   	position: absolute;
   	width: 100%;
   	text-align: center;
   	top: 15px;
   	font-size: 14px;
   }
   

3. Update your settings.

Have a great day,
Bill

[Rhonda Schultz]

Thanks Bill,

This looks great – thank you so much!

Rhonda

[Bill Robbins]

Glad that helped out 🙂

[Author]

Posts