Site maintenance: Sun 15 Nov, from 12:00 UTC, about 4–6 hours. Details

This cutover relies on some testing that is still incomplete so may be cancelled at short notice

Forums / Templates, Stylesheets, Page Layout / Shopping Cart Sidebox, CSS Help

Shopping Cart Sidebox, CSS Help

Started by stizzed on 5 Feb 2012, 4:18 AM · Views: 1,027

Results 1 to 5 of 5
5 Feb 2012, 4:18 AM
#1
stizzed avatar

stizzed

New Zenner

Join Date:
Jan 2012
Location:
Northern Indiana
Posts:
42
Plugin Contributions:
0

Shopping Cart Sidebox, CSS Help

I have a new installation of ZC1.5, installed via ftp, with Template124 installed. I have searched the forums but don't know enough about what I am asking for to get helpful results.

My problem is with the 'Shopping Cart' Sidebox which is configured and listed on the left. The issue is that the products in the box are shifted a number of pixels to the right and I cannot find where they are configured.

I have attached an example of the problem. The black arrow indicates the direction I would like to move the text.

Any help would be very much appreciated!

Michael (Zen Greenhorn)
Remember: Every expert started out as a beginner!

5 Feb 2012, 5:22 AM
#2
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,189
Plugin Contributions:
0

Re: Shopping Cart Sidebox, CSS Help

Need a url to the site please without the http://www.
Or just pm it to me please so I can use Firefox with the add on called Firebug please ..

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

5 Feb 2012, 5:51 AM
#3
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,189
Plugin Contributions:
0

Re: Shopping Cart Sidebox, CSS Help

Nice site and Ty for the link ...

Find this:
includes/templates/241/css/stylesheet.css

#cartBoxListWrapper ul, #ezPageBoxList ul

  1. add this:
  2. margin-left: -40px;
  3. Looks like they have hard coded the ul in their php coding ..

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

5 Feb 2012, 6:16 AM
#4
stizzed avatar

stizzed

New Zenner

Join Date:
Jan 2012
Location:
Northern Indiana
Posts:
42
Plugin Contributions:
0

Re: Shopping Cart Sidebox, CSS Help

haredo:

Nice site and Ty for the link ...

Find this:
includes/templates/241/css/stylesheet.css

#cartBoxListWrapper ul, #ezPageBoxList ul

  1. add this:
  1. margin-left: -40px;
  1. Looks like they have hard coded the ul in their php coding ..

Thanx alot Mark! Worked fine.

Have any ideas about how to truncate the listed products so they only take one line each (preventing ugly wrap)?

Thanx again!

Michael (Zen Greenhorn)
Remember: Every expert started out as a beginner!

5 Feb 2012, 6:31 AM
#5
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,189
Plugin Contributions:
0

Re: Shopping Cart Sidebox, CSS Help

You are most welcome ..

You could add this and you will notice that the column stretches to accommodate the length, then when the item is deleted from the cart the column resumes back to normal ..

Add this to your css stylesheet:

#cartBoxListWrapper ul a {
white-space: nowrap;
}

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.