Parallax Pro footer customization

[akubrin]

Hi StudioPressers,

I'd like to divide my footer into three parts. I can access the footer HTML thanks to the Genesis Simple Edits plug-in, but I'm not sure what approach to take in CSS. Should I divide the footer into columns? Should I use float or padding to move the elements to the desired positions?

Naturally I'd like the result to be responsive. What approach would you recommend?

Thanks in advance. You're all very helpful.

Andy

http://speakbusinesscomm.com/

[ᴅᴀᴠɪᴅ]

The best way would be to divide the footer into columns. The column classes are built into the stylesheet already, so you wouldn't need to change any CSS or worry about it being responsive etc.

So the html would go like this;

<div class="one-third first">
    // Put content for first column here
</div>
<div class="one-third">
    // Put content for second column here
</div>
<div class="one-third"> 
    // Put content for third column here
</div>

---

I love helping creative entrepreneurs build epic things with WP & Genesis.

Follow on Twitter

[akubrin]

Hi David,
Yes, that worked.
Thanks once again. I really appreciate it!
Andy

[akubrin]

Hi David,

It worked, but I have a couple of follow-on questions.

Is it possible to align the columns independently? I'd like to left-align the left column and center the center column. I added text-align: left; to the one.third class, but it aligned both columns.

Also, I'm puzzled by the "one-third first" statement in the first div. Shouldn't there be a corresponding "one-third first" selector in the CSS? There is not. So what function does "one-third first" play?

Thank you.

Andy

[Author]

Posts