WordPress.org

1. nikioneota
   Member
   Posted 6 months ago #

   Hi,
   I was wondering if someone could take a look at my style.css and tell me how I can align my footer better. I want the text to line up on either side with the flower in the middle (there are 3 divs). It worked before the flower, but after inserted the 3rd div with flower, the text on either side got uneven.

   http://www.discoverhappydecorah.com

2. Tumultus
   Member
   Posted 6 months ago #

   Delete float: center; in your #footercenter css.
   Delete the width in #footerright in your css.
   In your footer template file, move the entire <div id="footercenter">...</div> section down, so that it will be in your code after the <div id="footerRight">...</div> - that should do it! :)

3. nikioneota
   Member
   Posted 6 months ago #

   thanks! hmm still not sure how to get it in the center. padding moves it around, but not up to the middle of the left and right footer divs

4. Tumultus
   Member
   Posted 6 months ago #

   #footercenter {
        margin-left: (as-far-from-left-as-you-need-it)px;
        ...
   }

   I hope that helps?

5. Tumultus
   Member
   Posted 6 months ago #

   BTW:
   You have a </div> too much before <div id="FooterRight"> ...

6. nikioneota
   Member
   Posted 6 months ago #

   thanks!! it is finally centered, but the right and left footer areas are still uneven. If I take leave that </div> in before Footeright- they line up like they should- but the flower disappears. If it take it out, the flower is aligned properly, but the footers aren't. hmm...I've got to be missing something

7. nikioneota
   Member
   Posted 6 months ago #

   Never mind- got it. It was the width of the rightfooter. thanks so much for all of your help!

8. nikioneota
   Member
   Posted 6 months ago #

   one more question- I have a background image for the footer- that I just can't seem to get to show up....strange

Reply

You must log in to post.