Adding logos in footer

MrCameraMan

Is there a way to add a couple of professional organization logos in the footer of the website? If so, how do I that and what are the size requirements for each logo? (I only want to display just two logos that link back to the member websites of the pro organizations.)

Thanks!

jwashburn

Add an HTML block and then use standard HTML to setup the links. If you have a link to your site its easier for us to help

MrCameraMan

jwashburn wrote: »

Add an HTML block and then use standard HTML to setup the links. If you have a link to your site its easier for us to help

Joey,

Sorry, I forgot to list my website. It's DavidLevinPhotography.com.

Hikin' Mike

Looks like you're using the Legecy (Old SM) site still. You might think about migrating to the new site though.

As for your question, there is no size limit. I personally would limit to around 150px to 300px on the long end.

MrCameraMan

Hikin' Mike wrote: »

Looks like you're using the Legecy (Old SM) site still. You might think about migrating to the new site though.

As for your question, there is no size limit. I personally would limit to around 150px to 300px on the long end.

Hikin' Mike,

I just haven't considered migrating to the new SM designs since I've been content with what I have now. Can you make a suggestion on what design in the new SM line-up might be worth considering? I'm open to change, but the whole line-up to me is pretty overwhelming to me.

Also, I'm trying to figure out where the HTML code should go to have the pro-member logos appear at the bottom of the website pages. Or would you think that just having the two appear under About Me is sufficient?

Thanks!

Hikin' Mike

I'm the wrong person to suggest a design. I just picked a design knowing I was going to totally change the site anyway.

If you want it to be seen on all of your pages, put the HTML on the Custom Header of Custom Footer:

[html]
<div id="member-logos">
<div class="logo-1"><a href=""><img src="/logo-1.jpg" alt="Logo 1" title="Logo 1" /></a></div>
<div class="logo-2"><a href=""><img src="/logo-2.jpg" alt="Logo 2" title="Logo 2" /></a></div>
</div>
[/html]

That will put them on top of each other. If you want something different I can add some CSS.

MrCameraMan

Hikin' Mike wrote: »

I'm the wrong person to suggest a design. I just picked a design knowing I was going to totally change the site anyway.

If you want it to be seen on all of your pages, put the HTML on the Custom Header of Custom Footer:

[html]
<div id="member-logos">
<div class="logo-1"><a href=""><img src="/logo-1.jpg" alt="Logo 1" title="Logo 1" /></a></div>
<div class="logo-2"><a href=""><img src="/logo-2.jpg" alt="Logo 2" title="Logo 2" /></a></div>
</div>
[/html]That will put them on top of each other. If you want something different I can add some CSS.

Can you suggest a code to have them side-by-side?

Thank you!

Hikin' Mike

Try this:

#member-logos {
    margin: 0 auto;
    }
.logo-1, .logo-2 {
    float: left;
    margin: 0 10px;
    }

That should center them and have them side-by-side.