WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Aligning footer elements - columns? (7 posts)

  1. artisana
    Member
    Posted 1 year ago #

    Hello!
    The site I am working on is:
    dreaminspireddesign.com/

    I am currently hoping to create a footer with three "columns"
    (all elements are in the site generator area of the footer)
    (I would like all three columns to be centered, just not all one line, as they are right now..)

    Column A:
    Call or Email..
    info@...
    562...

    Column B:
    Image

    Column C:
    Designed by...
    © 2013...
    Proudly powered...

    Any help? I'm fairly new with code, so the more explicit the changes you recommend, the better.

    Thanks in advance.

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

  3. artisana
    Member
    Posted 1 year ago #

    Thanks WPYogi!
    I've corrected all the errors in the child style.css file.

    Now what should I do to get my footer how I want it?

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Use "float: left;" on all three columns, adjust the widths so they fit the page, remove the <center> tag from the HTML - it's deprecated and unnecessary.

    See where that gets you.

  5. artisana
    Member
    Posted 1 year ago #

    beautiful! That helps. Now they are lined up like I want them but still not all centered...

    I didn't adjust the widths, because column 1 + 3 have text that I want divided into 3 lines and I was only able to do that by limiting the column width.

    Do you have a suggestion for a better solution to this?

    Also: THANK YOU THANK YOU THANK YOU!
    P.S.: Is there a really great site/video series for CSS newbies?

  6. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Using <br /> break tags in the HTML is one way to do that, or put each line in new paragraph tags.

    Google will find you lots of CSS resources, but this site is always good for reference:

    http://www.w3schools.com/css/

  7. artisana
    Member
    Posted 1 year ago #

    MAGIC!!!
    Excellent advice, thanks again!

Topic Closed

This topic has been closed to new replies.

About this Topic