Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Previous Next & Product Spacing Issue

Previous Next & Product Spacing Issue

Views: 545

Results 1 to 3 of 3
1 Feb 2011, 9:52 PM
#1
ec_web avatar

ec_web

New Zenner

Join Date:
Feb 2011
Posts:
89
Plugin Contributions:
0

Previous Next & Product Spacing Issue

I know this is a simple fix, been sitting here too long today.....

I need to put space betwen the:

Previous / Return To The Product List / Next

buttons and the

product

can't seem to fix this.

I do it in the css right?? Where and how???

Thanks

2 Feb 2011, 11:33 AM
#2
stevesh avatar

stevesh

Black Belt

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

Re: Previous Next & Product Spacing Issue

Add something like this to your stylesheet:

.navNextPrevWrapper {margin-bottom:3em;}

If you haven't done so already, 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.

2 Feb 2011, 9:10 PM
#3
ec_web avatar

ec_web

New Zenner

Join Date:
Feb 2011
Posts:
89
Plugin Contributions:
0

Re: Previous Next & Product Spacing Issue

Another perfect fix.........thanks

And thanks for the Firefox tip!