Frequently Asked Questions:

FAQ: How do I remove my Bio Picture altogether?

If you want to remove your bio picture, there are two steps. In your WP Admin area, go to “Design” (”Presentation” in old versions of WordPress) –> “Theme Editor”. Then,

First, click on “bio.php” to edit that file. Look for this chunk of code and then delete it. Be careful to only delete these two lines.

<!– path to filename of bio pic –>
<img src="<?php bloginfo('template_directory') ?>/images/biopic.jpg" width="215" height="312" id="biopic" alt="<?php bloginfo('name') ?> bio picture" />

Next, click on “Stylesheet (style.css)” and look for this chunk of code at line 282:

.bio { /*floats and adds width and margins to bio text area*/
margin: 40px 20px 40px 40px;
float: left;
width: 610px; /*remove this line if no biopic, chane 20px to 40px 2 lines up too!*/
display: inline;
}

Change the second and fourth line of that chunk so it looks like this:

.bio { /*floats and adds width and margins to bio text area*/
margin: 40px 40px 40px 40px;
float: left;
display: inline;
}

Click update file to save your changes, and refresh your browser to check your work.

Questions? Instead of emailing for support, leave a comment below so everyone can benefit from any clarification.

This entry was posted on Monday, February 11th, 2008 and is filed under Customizing ProPhoto, Frequently Asked Questions. You can leave a response, or trackback from your own site.

50 Responses to “FAQ: How do I remove my Bio Picture altogether?”

  1. On May 27th, 2008 at 2:43 pm Sarah said:

    Whoops! I decided I want my bio pic to appear again. I see where the code goes in style.css, but at what line should I re-insert the code in bio.php?

  2. On May 27th, 2008 at 4:39 pm Jared said:

    @Sarah: paste it in right after this line:

    <div id=”indexbio”>

  3. On June 3rd, 2008 at 9:15 pm jenny gg said:

    so i’ve removed the bio pic border, but now there is no space between the flashshow and my text in the bio area.

    how do i just add some space between them?

  4. On June 4th, 2008 at 9:20 am Jared said:

    @jenny gg: I just looked at your blog and it looks like you got it figured out. Are you all set?

  5. On July 8th, 2008 at 2:40 pm Katie said:

    I think I followed these instructions correctly, but the image is still there. It just bumped my bio down below the picture. Any advice?

  6. On July 8th, 2008 at 3:30 pm Katie said:

    Nevermind . . . i figured it out :) .

  7. On July 16th, 2008 at 3:10 pm Eliza said:

    I had gotten rid of the biopic a while back. I recently got a new image I wan tto use, so I changed the settings back per the above post, so I could have my new biopic. I also added flashing header slideshow yesterday. Problem: I can’t see my biopic. Can’t figure out if this is the same question the others were asking, but my slideshow isn’t covering it up, it just isn’t there. Help!

  8. On August 10th, 2008 at 7:18 pm Kara May said:

    I originally deleted that section since i didn’t have an image. Now I do and I don’t know how to insert my image? I’m trying but clearly I have no idea how to do this…
    thanks :)

  9. On August 10th, 2008 at 7:34 pm Jared said:

    @Kara May: open up your bio.php file in your theme editor, and add this line:

    <img src=”<?php bloginfo(’template_directory’) ?>/images/biopic.jpg” width=”215″ height=”312″ id=”biopic” alt=”<?php bloginfo(’name’) ?> bio picture” />

    add it right AFTER the first line which says:

    <div id=”indexbio”>

    then, in your stylesheet (style.css), find the chunk that looks similar to this (it should start with EXACTLY “.bio {”:

    .bio { /*floats and adds width and margins to bio text area*/
    margin: 40px 20px 40px 40px;
    float: left;
    width: 610px; /*remove this line if no biopic, chane 20px to 40px 2 lines up too!*/
    display: inline;
    }

    and make it look exactly the same. you will probably have to add back the line that says “width:610px;” and also change the second number after “margin:” to 20px again.

  10. On August 22nd, 2008 at 2:06 pm Amanda said:

    I just purchased and downloaded the prophototemplate and everything. I went in (following the video tutorial) to update the bio text. It said to finally click the update button. The problem is I don’t have an “update” button on my screen. What have I done wrong? Instead it says, “You need to make this file writable before you can save your changes. See the Codex for more information.” Thanks for your help.

  11. On August 22nd, 2008 at 6:30 pm Jared said:

    @Amanda: that’s in the FAQ’s. here’s the link:

    http://tinyurl.com/6fpqsa

  12. On August 27th, 2008 at 7:53 pm scott williams said:

    I’ve tried to reinstall the bio pic and code, but it’s not working.

  13. On August 28th, 2008 at 6:39 am Jared said:

    @scott williams: you’re code for inserting the image is all hosed up. this is what it says right now:

    <img src=”Capturing the Light Photography Blog- Kitchener, Waterloo, Guelph and Cambridge/images/biopic.jpg” width=”215″ height=”312″ id=”biopic” />

    Change it to:

    <img src=”<?php bloginfo(’template_directory’) ?>/images/biopic.jpg” width=”215″ height=”312″ id=”biopic” alt=”<?php bloginfo(’name’) ?> bio picture” />

  14. On August 28th, 2008 at 10:02 am scott williams said:

    Okay, I tried that it didn’t work. It’s just displaying code now.

  15. On August 28th, 2008 at 11:16 am Jared said:

    @scott williams: you’ve got spaces before your between your ? and your caret tags. yours says:

    < ?php

    when it should say:

    <?php

    also, at the end of the tags too. somehow my first comment had those extra spaces, so i screwed you up sorry! it should look like this:

    <img src=”<?php bloginfo(’template_directory’) ?>/images/biopic.jpg” width=”215″ height=”312″ id=”biopic” alt=”<?php bloginfo(’name’) ?> bio picture” />

  16. On August 28th, 2008 at 11:24 am scott williams said:

    Okay, I recopied the code but still no go.

  17. On August 28th, 2008 at 5:29 pm Jared said:

    @scott williams: man, i swear the code you’re outputting looks like you used “bloginfo(’name’)” twice instead of “bloginfo(’template_directory’)” for the first one. can you double check that? and if it’s right, email me through the support tab and send me your WP login info.

  18. On September 11th, 2008 at 11:53 am Matt said:

    Jared, I really like how your wife’s blog has two columns in her bio area. Is there something I can do to make that or is it too extremely involved.

  19. On September 12th, 2008 at 5:55 am Jared said:

    @Matt: it’s pretty tricky. if you really want to try it, you’ll have to wrap a new DIV with an ID around both columns, and in CSS set the widths for both columns and float them left, also add margins and padding to taste.

  20. On October 15th, 2008 at 2:21 pm Kristi A said:

    I deleted the bio pic like stated above in those 2 steps. When I view my blog I see this little bit of writing in place of where the picture normally would go: alt=”Family Blog bio picture” /> I’ve gone back over a couple of times to make sure I have it written just as you have it above. Thanks!

  21. On October 16th, 2008 at 5:08 am Jared said:

    @Kristi A: i don’t think you quite deleted all the code. go into “bio.php” and look for a line that says:

    alt="<?php bloginfo('name') ?> bio picture" />

    delete that and save and you should be good to go.

  22. On October 16th, 2008 at 11:37 am Kristi A said:

    That was too easy. My brain must have been foggy after HOURS of work creating my blog. I’m done with everything and thrilled about it! Seriously, your site rocks! And your tutorials & customer service are the best!! Everything was very user-friendly. Thanks!

  23. On October 30th, 2008 at 7:56 am Ricardo said:

    HI!

    How do I make my biopic smaller?

    Thanks!

  24. On October 31st, 2008 at 7:27 am Jared said:

    @Ricardo: upload a smaller biopic, then edit the bio.php file, and find a line where the bio dimensions are named, change those as needed.

  25. On November 5th, 2008 at 1:20 pm Janica said:

    Argh!! I was trying to remove my bio section and somehow messed up a background color. Now my tiled background is showing in the post section instead of a solid color. Help?

  26. On November 5th, 2008 at 2:10 pm Jared said:

    @Janica: if you were trying to remove your bio section altogether, you should be able to still follow the correct directions here:

    http://tinyurl.com/6d5l9d

    and i think it will fix your problem.

  27. On November 5th, 2008 at 2:58 pm Janica said:

    Thank you!!! xoxo

  28. On November 18th, 2008 at 8:15 pm AbiQ said:

    I want to figure out how to move the bio picture from the left to the right… I tried to edit it in stylesheet but it didn’t change anything. :/ Anyone got a clue??

  29. On November 19th, 2008 at 6:58 am Jared said:

    @AbiQ: in your stylesheet, change the float on #biopic to left, and the one on .bio to right. then you’ll need to tweak some margins/paddings as well, but you should be able to get it working.

  30. On November 19th, 2008 at 12:05 pm AbiQ said:

    So I did that.. and nothing changed. I made sure I hit update… and I checked twice to make sure it did change and I changed it right… any other ideas? It’s SO SIMPLE but so frustrating!!!

  31. On November 20th, 2008 at 8:57 am Jared said:

    @AbiQ: I just looked at your blog and you got the picture on the left and the words on the right, you just now need to edit the margins for both items to make it look right.

  32. On November 22nd, 2008 at 9:28 pm Tamara said:

    Hi there,

    I am trying to add my bio pic back and have followed all the directions in the above posts, but despite my refreshing it’s not there! help!

    Tamara

  33. On November 23rd, 2008 at 6:32 pm Jared said:

    @Tamara: it looks to me like all your quotation marks are the “curly” kind instead of straight ones. type over those with straight quote marks, and it should work.

  34. On December 1st, 2008 at 10:29 pm Rebekah T. said:

    I am trying to move my biopic down a little to center it with the bio text area. How is this done? I also am trying to figure out how to add my logo to the bottom of each post. Saw an example of what I am trying to do on: http://www.melissakoehlerphotography.com how do I do this?

  35. On December 2nd, 2008 at 8:46 am Jared said:

    @Rebekah T.: to move your biopic down, add this line to your stylesheet:

    #biopic { margin-top:50px !important; }

    and edit the “50″ to be whatever amount of pixels you need to get it centered.

    about adding your logo after every post, there is a tutorial here:

    http://tinyurl.com/4mn89v

  36. On December 23rd, 2008 at 8:44 pm Meg said:

    Hi Jared! I was able to change my bio pic by uploading a new one to a post as intructed in the topic “How to add a signature image to your bio”….apparently I misread this and this applied to a signature NOT a bio pic! I have been changing the margins and nothing happens. I want the bio image to the left with a border around it and the words to the right. Do I need to delete and start over?

  37. On December 28th, 2008 at 8:04 pm Joe said:

    I cant figure out for the life of me whats going on with my blog. The space between my mastheader and blog text is way to big. I tried to edit all the things I could find in the style sheet with no luck. The spacing between the end of the bio text and the first blog post is too big as well, and the separation line is to close to the blog post. I’m all messed up! Any ideas? http://www.g3concepts.com/blog/

  38. On December 29th, 2008 at 12:46 pm admin said:

    @Meg: Try changing your CSS for the biopic back to the default, which is this:

    #biopic { /*floats, pads, and borders the biopic*/
    margin: 40px 50px 40px 0;
    float: right;
    border: 1px solid #666666;
    }

  39. On December 29th, 2008 at 12:48 pm admin said:

    @Joe: are you still struggling with this. I just looked at your blog and don’t see exactly what you’re talking about…

  40. On December 29th, 2008 at 2:49 pm Joe said:

    admin,

    Yes. I want to reduce the amount of white blank space between the bottom of my logo (mast-header) and the actual text below it (the bio.php). I also want to reduce the spacing between the end of the bio text and the first blog post. Lastly, the line directly above my blog post title is right on top of it. I want to space it just a tad.

  41. On January 1st, 2009 at 2:42 pm admin said:

    @Joe: in all of your customizing, you’ve gotten some things messed up. Somehow, your entire bio section now resides inside of your #content div, which should not be the case. if you fix that, the spacing should look about right. if you want to further tweak it after you fix that problem. just modify the margins of the .bio div, like so:

    .bio {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    }

  42. On January 2nd, 2009 at 2:03 pm Joe said:

    Where is the bio section suppose to be? lol

  43. On January 2nd, 2009 at 2:34 pm admin said:

    @Joe: if you edit the index.php file, the top two lines should be this:

    <?php get_header() ?>
<?php include 'bio.php'; ?>
  44. On January 2nd, 2009 at 4:29 pm Joe said:

    admin,

    Thanks, I’m almost there. Everything looks great now except the spacing between the mast-head and the start of the bio text. I have added #indexbio p {
    margin-top: 1px;
    margin-bottom: 1px; /*space below header, paragraphs in bio area*/
    }

    but no matter what I type into the margin-top px doesnt matter, it remains the same spacing.

  45. On January 3rd, 2009 at 11:03 am admin said:

    @Joe: what you need to add is this:

    .bio {
    margin-top: 20px !important;
    }

  46. On January 4th, 2009 at 11:34 am Joe said:

    admin,

    Still no go. Here is what I have in the style sheet for this

    #indexbio h2, #indexbio p {
    margin-top: 15px !important;
    margin-bottom: 1px; /*space below header, paragraphs in bio area*/
    }

    I can change the 15px to 1px, 5px, 10px with no change in the way the bio looks.

  47. On January 4th, 2009 at 11:39 am Joe said:

    admin,

    I also tried to add it to this section with no luck

    .bio { /*floats and adds width and margins to bio text area*/
    margin-top: 20px !important;
    margin: 40px 40px 40px 40px;
    float: left;
    display: inline;
    }

  48. On January 5th, 2009 at 9:00 am admin said:

    @Joe: send me your wp login through the email in the support tab and i’ll take care of it for you.

  49. On October 30th, 2010 at 2:05 am Freelance SEO said:

    Hey Guy,You got me:)I will thing about it!

  50. On December 2nd, 2010 at 2:56 am Hugh Guerera said:

    please sir check your rss feed it seems not working

Leave a Reply