Is it possible to set up a 4X6 homepage ID photo rather than the standard square photo? I would like to use some other images and the homepage layout looks like it would be better suited to a 4X6.
www.DiddePhoto.com (http://www.DiddePhoto.com)
Thanks,
David
See if you like this. Changes the default photo to a 4x6 of your choice. If
you don't like this the photo can be made full size.
Replace your bio with this.
<html>
<div class="myBioPhoto">
<img src="/photos/485321259_qARZW-S.jpg" width="300" height="200" />
</div> <!-- closes myPhoto div -->
<div class="myBioText">
<p>I returned to photography after a 15 year hiatus and found digital photography offered expanded capabilities over film in its ability to capture and share those special moments in our kids' lives. I enjoy photography as a hobby and am learning more each day. Many parents have been appreciative of some of the unique photos I have taken of their kids in sports and other activities. In an attempt to find a "no hassle" method that allows parents to obtain photos, I decided to place images on this web site and accept contributions rather than build in a profit and collect sales tax.</p>
<p>Ordering prints from SmugMug is easy and does not include a photographer's markup. If you print a photo from this web site, feel free to contribute whatever you feel is appropriate. I have added a PayPal donate button below to make that process easy. I really have no way to know if you order prints, and donations are a way to gauge the value of this web site. A small donation of $5 or $10 will help cover the cost of this site and communicate to me that this concept works. Whatever you decide, enjoy the photographs!</p>
David
</div>
<div class="spacer"></div>
</html>
Add this to your CSS.
#bioBox .photo {display: none;}
#bioBox .myBioPhoto {
float: left; /* allows the text to flow to the right */
padding: 10px 30px 10px 0; /* top right bottom left */
} /* spacing of text around photo */
#bioBox .myBioText {
font-family: Comic Sans MS, verdana;
font-size: 120%;
color: #eee;
font-weight: normal;
text-align: justify;
}