Frequently Asked Questions:

The top part of my blog got all screwed up, with the bio area being overlapped

If your blog looks something like this:

The problem you’re having with the masthead image and the bio is because you’ve run out of room for your list of links, to fix that:

  1. shrink your font-size,
  2. shrink the space between the links, or
  3. shorten the link text (e.g. “Website” instead of “My Really Long Website Title “)
  4. some combination of the above

to shrink font size, edit line #81 of style.css, which looks like this:

#ppt_topnav li a {
font-size: 16px; /* font size of top links */
}
to change space between links, edit line #204, which looks like this:

#ppt_topnav li {
margin-right: 25px;
}

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

This entry was posted on Wednesday, January 2nd, 2008 and is filed under Customizing ProPhoto, Frequently Asked Questions, Layout Problems. You can leave a response, or trackback from your own site.

15 Responses to “The top part of my blog got all screwed up, with the bio area being overlapped”

  1. On April 23rd, 2008 at 10:10 am Kristin said:

    Hi Jared,

    My flash header is, for some reason, covering my bio pic. I did make the header bigger (about 400px, which i would like to leave at this size if possible) and I was able to move the bio text down so that there is a space between the two, but for some reason I can’t figure out how to move down the bio pic.
    Any info you could give on where to start would be great!

    Thanks very much,
    Kristin

  2. On April 25th, 2008 at 3:05 am Cheryl Johnson said:

    No matter what I try from the above Jared I cannot get my Bio & photo to be viewed correctly in Safari - perfect in IE

    Pleas help

    Cheryl

  3. On April 25th, 2008 at 5:51 am Jared said:

    Cheryl,

    You need to go smaller with your font size or remove a link or section, it’s just too big still.

  4. On May 10th, 2008 at 6:03 pm stephen henault said:

    Hey Jared -
    Rockin theme you’ve supplied.
    Have a few questions you might be able to answer and offer even more customization:
    1. Can you show us how to move the nav bar below the flash header.
    2. Can you show the code or css that allows to move the bio section around: i.e Move pic to left side, or break the section into thirds for maybe a pic:text:twitter badge?

    Also- great heads up on firebug - good even for guys who can barely spell htlm.. i mean html.

    Thanks in advance -

    Stephen

  5. On May 23rd, 2008 at 4:39 pm Lora said:

    Jared,

    Quick question. Where on the style sheet would I reduce the height of the bio area? Instead of using an image of me, I created a 908 px by 125 px gif with my blog name, etc. I would like to reduce the height so there isn’t so much white space after the “biopic.gif” and before the first post.

    Thanks.

    Lora

  6. On May 23rd, 2008 at 6:57 pm Jared said:

    @Lora: 2 things: in the stylesheet following line 277, fiddle with margins and turn off border if you don’t want it there. then, open up bio.php and delete the whole “div” with the class of “bio” and all the tags in between (h2 and p). (don’t delete the closing tag for “indexbio”)

  7. On June 28th, 2008 at 4:09 pm Nicole said:

    Im not sure if this is the right spot but my logo has disappeared. The jpg file is still in the images section of my WP area but its just not visiable when you view the blog. Are you able to lead me in the right direction as to what the problem might be. The logo is quite important to the blog so I’d love it back!

    Cheers
    Nicole

  8. On June 28th, 2008 at 5:24 pm Jared said:

    @Nicole: I sent you an email. did you get it?

  9. On June 29th, 2008 at 5:11 pm Nicole said:

    Hey Jared, I don’t seem to have received the email. I got the standard email but not any other. Can you please send it again. Cheers Nicole

  10. On June 29th, 2008 at 6:33 pm Jared said:

    @Nicole: I just got a message that your email got bounced back to me. I’ll try again, but if that doesn’t work, do you have an alternate email?

  11. On June 30th, 2008 at 11:53 am kimbrali said:

    i am having this problem but for a different reason.
    i still have a “website” category shpwing up on my blog although the category has been deleted.
    i have emptied cache already too so that is not the problem.

    why is this still showing up?
    i do not want this link at the top.
    all the rest are how i want them.
    thanks!

  12. On June 30th, 2008 at 12:01 pm kimbrali said:

    well i fixed the problem but not the way i wanted to. there is a category “website” that is not showing up on my back end but is showing up on my blog.
    i had to delete the category “links” that i had wanted to list my old blog, website, and other links under but had to delete.

    why is this “website” category not showing up. i am so confused already:)

  13. On June 30th, 2008 at 12:07 pm kimbrali said:

    oh oh i figured it out! i feel so smart even though i have absolutely no clue what i just did but i followed directions and it worked!
    sorry about all of the comments.
    thanks again.

  14. On July 3rd, 2008 at 12:17 am Laura said:

    Is it possible for me to shrink the width of the logo image to allow more room for the list of links? My logo image actually has a lot of white space that is not necessary and would free up a fair amount of space for the crowded links. Thanks!

  15. On July 3rd, 2008 at 8:18 am Jared said:

    @Laura: yeah, look on about line 165 of your style sheet for this line (under h1#blog-title):

    width: 397px; /* smaller if narrower logo - gives links more room */

    just change that to the width you need, and it will free up more room.

Leave a Reply