I’m trying to set up the footer on my client’s website so that the footer has 2 widgets, one containing text information (left column) and the right column containing a custom menu widget.
What I need to do is set up the left hand widget so that it takes up approximately 80% of the footer’s width while the right hand widget containing my links only occupies about 20% of the footer’s width (it’s a small menu).
Is there some quick CSS I can drop into the theme manager that will let me do this?
The website URL is: http://learnfxc.com/beta1/
TIA!
Try following css code
#footer div .av_one_half.first {
width: 20%;
}
#footer div .av_one_half {
width: 80%;
}
You probably need to decrease the % values a bit (eg set it to 17% and 77%) because of the padding/margins between the columns.
worked perfectly! thanks!