Interesting questions on customizing BTO!

Hi Mattprice,

That issue is even wierder than the one I was having.  My issue was just that in Firefox, everything looked doubled spaced, as the <p> tag looks like a double space in firefox and a single space in IE.  I just changed them all to <br><br> instead (since all the paragraphs were the same class anyways).  I don't even think I've had to do that anymore either.

I'm sure your issue is easily fixed though; may I have the URL of your page?  If you don't want to post it here, you could mail it to richard@hipepc.com

Thanks! :)

No worries at all Matt, we've got it sorted for you :)

The short version is there's not enough space in the row.  But that leaves us with more questions than answers.

Mind my half asleep silliness while I explain what's going on -

To the right of each of those covertypeface options, there's an invisible field that would normally hold the price of each upgrade option.  Since there's no price for the options and since the .css doesn't specify a width for that transparent field, it just sticks a blank input field at its default size, which is like 200 px wide. 

Since there's not enough room for that 200px field on the first line, it creates a second line to stick that invisible input field on.

When you click on of the radio buttons, that transparent field goes away, which is is why everything looks right as rain when you click an option.

You've got a few choices here (pretend I'm Monty Hall with three doors....God, I miss Monty Hall)

1) You could reduce the width of your pictures

2) You could shorten the text

or

3) You could specify a fixed with for the tag

#pcMain .transparentField {

in your pcstorefront.css file.  Add a line in that tag that says

width: 50px;

And it fixes the problem.  BUT!  There's a couple of minor caveats with door #3 (remember when door #3 on Let's Make a Deal had a donkey or something?  God, I loved those episodes....you think they had to give the donkey to the contestant?)

1) #pcMain .transparentField is used in other areas of your site.  If you notice something looks strange or misaligned after you make that change, that tag may be your culprit.

2) If you ever ad in an upgrade option with a high dollar amount (oh I dunno, maybe $3,000,000 or so), 50px will not be big enough to show the entire price and part of it will get cut off.

If you're nervous about changing the css tag, drop me an email and Ill reply back with the modified pcstorefront.css I made for you.  Let me know if you run into any other issues :)