nsForum logo

Welcome Guest ( Log In )

> Cart Stretching Vertically
SweetBabyDesigns
post Mar 26 2009, 01:35 PM
Post #1





Group: Verified NS Member
Posts: 10
Joined: 7-January 09
Member No.: 3,447



While doing some new products, with new product pages (we're overhauling big-time) when I add them to the cart, the text just goes straight across the cart, and stretches the screen horizontally (not vertically like the title says, sorry!) so the user would have to scroll across to see.

Here is a link to one of the pages that creates this problem, you'll have to add an item to the cart to see what I mean. It would only happen of course, if you add a lot of text, as if you were adding a location as you would have to do for birthday parties or whatever.

Any way to fix this within the CSS or the backend? I'd rather not change the product page itself if I don't have to.

http://www.sweetbabydesigns.com/cupcakebirthdaygirl.aspx

Please ignore anything else that's strange, we're in the middle of a whole pile of stuff at the moment LOL

Thanks for any help!

Jamie ♥
Go to the top of the page
 
+Quote Post
 
Start new topic
Replies (1 - 4)
AndyT - MC
post Mar 26 2009, 02:01 PM
Post #2





Group: Verified NS Member
Posts: 979
Joined: 22-October 07
From: St. Louis, MO
Member No.: 170



Horizontally, or vertically? (the title and text seem to conflict)

I assume you mean vertically. Firefox appears to stretch the border of your site in the cart, whereas Internet Explorer wraps horribly. There are a few things you could do ...

- replace the "update" and "remove" buttons with 16x16 or 24x24 icons

- check your padding and margins, try to reduce them as much as possible

- hide the left column on the cart page with CSS
CODE
body.cart-page td.page-column-left { display:none}

- resize the thumbnail image using CSS
CODE
td.cart-item-image img { width:50px }
Go to the top of the page
 
+Quote Post
SweetBabyDesigns
post Mar 26 2009, 02:07 PM
Post #3





Group: Verified NS Member
Posts: 10
Joined: 7-January 09
Member No.: 3,447



QUOTE (AndyT - MC @ Mar 26 2009, 03:11 PM) *
Horizontally, or vertically? (the title and text seem to conflict)

I assume you mean vertically. Firefox appears to stretch the border of your site in the cart, whereas Internet Explorer wraps horribly. There are a few things you could do ...

- replace the "update" and "remove" buttons with 16x16 or 24x24 icons

- check your padding and margins, try to reduce them as much as possible

- hide the left column on the cart page with CSS
CODE
body.cart-page td.page-column-left { display:none}

- resize the thumbnail image using CSS
CODE
td.cart-item-image img { width:50px }



Sorry yes, geez, I meant horizontally. I mean it's stretching way across on both FF and IE for me...so you have to scroll horizontally (across to the right) to get to see the other side where the total is (if you have that much text in there). I work on a 2 monitor set up, and it's doing it on both.

Do you think this will help for this situation? I'm not all that familiar with CSS, but I do have some basic knowledge.

Thank you very much!
Go to the top of the page
 
+Quote Post
AndyT - MC
post Mar 26 2009, 02:10 PM
Post #4





Group: Verified NS Member
Posts: 979
Joined: 22-October 07
From: St. Louis, MO
Member No.: 170



None of us here can actually get it to stretch horizontally, it works fine. What kind of text are you putting in ther personalizations when it wraps?
Go to the top of the page
 
+Quote Post
SweetBabyDesigns
post Mar 27 2009, 08:03 AM
Post #5





Group: Verified NS Member
Posts: 10
Joined: 7-January 09
Member No.: 3,447



I was going to show you a screenshot, but it's not doing it right now? And I didn't change a thing!? How odd!

I'll be back if I notice it again, and I appreciate the help!
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic
Tags
No Tag inserted yet

1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

RSS Lo-Fi Version    Network Solutions © 2009 Time is now: 21st November 2009 - 09:28 PM
Domain Names | Web Hosting | Web Design | Shopping Cart Software | Online Marketing | SSL Certificates