A customer was wanting to know how to put a list of logo's in the footer as seen on this website.. http://callegal.com/
To do this open up /wp-content/themes/infocus/footer.php and around line 9 you should see this..
<div class="inner">
<div class="two_third"><div class="content">Between these two <div> elements we are going to place our own <div> element which will hold all of our logo's. When we are done it would look like this..
<div class="inner">
<div id = 'logos' style = 'width: 100%; height: 300px; margin-bottom: 30px; position: relative;'>
<img src = 'http://www.example.com/logo1.jpg' style = 'position: absolute; top: 0px; left: 0px;' />
<img src = 'http://www.example.com/logo1.jpg' style = 'position: absolute; top: 50px; left: 50px;' />
<img src = 'http://www.example.com/logo1.jpg' style = 'position: absolute; top: 100px; left: 100px;' />
</div>
<div class="two_third"><div class="content">We are setting a width and height for it and making it have a relative position. Now we can set some images inside and position them absolutely. To do this you just set the top and left CSS parameter for each image and you can set them however you want as seen above.
In the code above, the first image is set to the top left corner. The second image is set 50 pixels from the top left corner. And the third image is set 100 pixels from the top left corner. You can position them wherever you want within this div.. such as, top: 27px; left: 279px; so you can set the logo's up however you feel like.
Go ahead and try this out and let us know if it works for you all.
