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.

4 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

Leave a Reply