• nikioneota

    (@nikioneota)


    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.

    https://www.discoverhappydecorah.com

Viewing 7 replies - 1 through 7 (of 7 total)
  • Tumultus

    (@tumultus)

    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! ??

    Thread Starter nikioneota

    (@nikioneota)

    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

    Tumultus

    (@tumultus)

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

    I hope that helps?

    Tumultus

    (@tumultus)

    BTW:
    You have a </div> too much before <div id=”FooterRight”> …

    Thread Starter nikioneota

    (@nikioneota)

    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

    Thread Starter nikioneota

    (@nikioneota)

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

    Thread Starter nikioneota

    (@nikioneota)

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Custom Footer problem’ is closed to new replies.