Sponsor Logos

wpacker1

Hello all, I'm wondering if anyone would be able to tell how to put sponsor logos on my site ? I'm not good with code so any help would be appreciated.

Hikin' Mike

Do you want the logos to be clickable?

Hikin' Mike

A bit crude, but it should get you in the ball park.

Add a HTML/CSS block and add this in the HTML section:
[html]
<div class="sponsor-logos">
<div class="sponsor-logo logo-1"><a href="/url-here/"><img src="/url-of-logo-here.jpg" alt="logo text here" /></a></div>
<div class="sponsor-logo logo-2"><a href="/url-here/"><img src="/url-of-logo-here.jpg" alt="logo text here" /></a></div>
<div class="sponsor-logo logo-3"><a href="/url-here/"><img src="/url-of-logo-here.jpg" alt="logo text here" /></a></div>
<div class="sponsor-logo logo-4"><a href="/url-here/"><img src="/url-of-logo-here.jpg" alt="logo text here" /></a></div>
</div>
[/html]


Add this to your CSS:

.sponsor-logos {
    width: 100%;
    }
.sponsor-logo {
    float: left;
    margin: 0 10px;
    }

It should give you 4 logos spaced 20px apart, horizontally.