Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #505714

    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.

    #505859

    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

    #505946

    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.

    #506224

    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

    #507345

    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?

    #507483

    Hi,

    Please try the following as well:

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

    Regards,
    Rikard

    • This reply was modified 9 years, 3 months ago by Rikard.
    #517592

    Perfect! Thank you!

    #517874

    Hi,

    Glad we could help :-)

    Best regards,
    Rikard

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