Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 18, 2015 at 5:52 pm #505714
    denisesl23

    I’m looking to align my footer columns but I can’t seem to find a generic code to be able to adjust the alignment of the footer widgets (left, center, right).

    I’d like to align my first footer column to the right and my second footer column to the left to reduce the spacing between my two footer elements (an image in the first footer column and an e-mail optin in the second footer column). Essentially I want to make the two widgets look like one, seamlessly by eliminating the spacing between them.

    I’ve tried putting both elements in one footer column but they won’t align beside one another in the center, so I had to go with two columns.

    September 19, 2015 at 6:13 am #505859
    Rikard

    Hi denisesl23,

    It looks like your columns are displaying inline in your footer, did you manage to get it fixed? If not then please try to explain a bit further or post a screenshot highlighting your intentions, you can upload to for instance to imgur.com and then link to the image here.

    Best regards,
    Rikard

    September 19, 2015 at 5:28 pm #505946
    denisesl23

    Hey there,

    Yes the columns look like they’re currently centered, but I would like to align the 1st footer column to the right, and the 2nd footer column to the left. Just like you can align text in word document to the left, center or right. I’d like to have that same ability in the footer columns.

    September 21, 2015 at 6:36 am #506224
    Rikard

    Hi,

    Ok, I think I know what you mean, please try the following in Quick CSS:

    #footer div .av_one_half {
    margin-left: 3% !important;
}

    Thanks,
    Rikard

    September 22, 2015 at 9:19 pm #507345
    denisesl23

    That worked perfectly! Thank you!

    Do you know now if there’s any way I can align my footer widget in the right column to be at the same height as the image in the left column? The e-mail optin widget is about 20px lower and it just looks a bit off. Does that make sense?

    September 23, 2015 at 6:16 am #507483
    Rikard

    Hi,

    Please try the following as well:

    #footer #optinforms-form5 {
    padding: 0px 3% !important;
}

    Regards,
    Rikard

    • This reply was modified 9 years, 2 months ago by Rikard.
    October 12, 2015 at 7:07 pm #517592
    denisesl23

    Perfect! Thank you!

    October 13, 2015 at 8:29 am #517874
    Rikard

    Hi,

    Glad we could help :-)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘How To Align Footer Columns’ is closed to new replies.