Footer customized

Support Area Forums Agency Footer customized

This topic contains 7 replies, has 2 voices, and was last updated by  Bill Robbins 1 year, 9 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
URL to the page in question: http://
  • Author
    Posts
  • #33467

    Rhonda Schultz
    Participant

    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

    #33468

    Bill Robbins
    Keymaster

    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

    #33469

    Rhonda Schultz
    Participant

    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:
    #33471

    Bill Robbins
    Keymaster

    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

    #33474

    Rhonda Schultz
    Participant
    This reply has been marked as private.
    #33475

    Bill Robbins
    Keymaster

    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

    #33476

    Rhonda Schultz
    Participant

    Thanks Bill,

    This looks great – thank you so much!

    Rhonda

    #33477

    Bill Robbins
    Keymaster

    Glad that helped out 🙂

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Footer customized’ is closed to new replies.