Struggling with customizing my WordPress theme, I need to rearrange the elements in the footer section of my website . Currently, the contacts are displayed above the Facebook widget, but I want them below it. I've attempted adjusting the position and margin top attributes in the #footer .fr element without success.
Both the contacts and Facebook widget elements are within the footer:
#footer {
clear: both;
position: relative;
background: transparent url(...) no-repeat center 0;
color: #888;
margin-top: 90px;
The contacts are part of the following element with the corresponding CSS:
#footer .fr {
width: 220px;
position: relative;
font-size: 12px;
margin-top: 10px;
And the Facebook widget is contained within this element:
#footer .column {
float: left;
width: 210px;
margin: 0 0 5px 20px;
}
Any suggestions on how I can adjust the positioning of these elements?