Zen Cart Logo
Forums / General Questions / Shopping Cart Refresh / Update Image too large

Shopping Cart Refresh / Update Image too large

Views: 814

Results 1 to 4 of 4
9 Jul 2011, 2:23 PM
#1
jim21 avatar

jim21

New Zenner

Join Date:
Sep 2010
Posts:
13
Plugin Contributions:
0

Shopping Cart Refresh / Update Image too large

Was wondering if any one has had a similar problem. My refresh / basket update image is unusually large. This problem occurs in both FF and IE. It's also a fresh install. Here is the link to the problem page on my site:

http://www.langmarine.com/index.php?main_page=shopping_cart&number_of_uploads=0

Any help is greatly appreciated..

John

9 Jul 2011, 4:49 PM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Shopping Cart Refresh / Update Image too large

This is what's doing it:

FORM, SELECT, INPUT {
display: inline;
font-size: 1em;
margin: 0.1em;
width: 100px;
}

Not sure what you were styling when you added that.

10 Jul 2011, 4:42 AM
#3
jim21 avatar

jim21

New Zenner

Join Date:
Sep 2010
Posts:
13
Plugin Contributions:
0

Re: Shopping Cart Refresh / Update Image too large

Thank you Steve, I appreciated it. I hadn't even considered the form tags...

10 Jul 2011, 11:35 AM
#4
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Shopping Cart Refresh / Update Image too large

Here's how I found it:

For future reference, install the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various page elements.

Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section in the box at the top. The statements in the stylesheet that begin with # are id's and the ones that begin with dots are classes.

Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. An essential tool.

Some prefer Firebug, which does much the same thing.

(If you're using Firefox 4 or 5, you'll need to remap the editor shortcut, since Firefox has appropriated Ctrl-Shift-E for an internal function - I use Ctrl-Shift-Q.)