-
Posts
-
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.
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,
RikardHey 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.
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,
RikardThat 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?
- The topic ‘How To Align Footer Columns’ is closed to new replies.