Space between Nav buttons and product listing

I can't seem to find in the stylesheet where to adjust the distance between the Prev - Listing - Next buttons and the product image and description below them. There is hardly any spacing at all between the two. Would like to move the product down just a bit?

Try:-

#productsListingTopNumber, #productsListingListingTopLinks { 
padding: 0px 0px 8px 0px
}

#productsListingBottomNumber, #productsListingListingBottomLinks { 
padding: 8px 0px 0px 0px
}

Nope - added it to stylesheet.css and adjusted both the top and bottom margins, but nothing moved.

Link to your site ... ?

Sure...

b o o g i e r o c k s.com

Well I just added it to the bottom of your stylesheet.css... and it worked for me...

It's not working for me. I added it again and kept it in the stylesheet.css at the bottom this time. But nothing changes. Any idea what I am doing wrong?

Empty your browser cache and reload the site... It is working :smile:

It's not showing for me :blink:

I'm on a Mac and tried both Safari and Firefox. Emptied cache, history, quit and restarted. No difference. Are you viewing it in Explorer?

Works for me on Firefox and MSIE:-

Compared to:-

Sorry I must not have described where I was trying to fix very well. I'm talking about when you click a specific item and the padding between the navigation buttons and the product.

Here is an image if you go to the site and strip the spaces to view. (sorry I don't have another way to post it.)

b o o g i e r o c k s.com/images/example_zen.png

Thanks for your help on the other fix! I would have been looking for an answer to that at some point.

So here is what I have found out for the area I am trying to add space.

I can move the numbers (i.e. Product 1/30) by adding this code to this in the style sheet.

.navNextPrevCounter

.navNextPrevCounter    { font-size: 0.9em; margin: 0em; padding-bottom: 8px }

However I can't figure out how to move the distance between the prev-listing-next buttons and the item below. The best I could come up with is that FireFox says this is the CSS for the whole box area with the buttons.

.navNextPrevWrapper centeredContent

I tried that but it didn't do anything.

#productMainImage, #productName { padding: 25px 0px 0px 0px }

(change 25 to whatever suits you).

**EDIT:

You had it correct (almost... no "centerdContent":**

.navNextPrevWrapper { padding: 20px 0px 30px 0px }

Thank you! This works great. Makes it look much better. :D

schoolboy:

#productMainImage, #productName { padding: 25px 0px 0px 0px }

(change 25 to whatever suits you).

**EDIT:

You had it correct (almost... no "centerdContent":**

.navNextPrevWrapper { padding: 20px 0px 30px 0px }

Yey, thank you for this!! Been tryna figure out and your prompt sorted it out and the product info page looks much better.

http://designawardrobe.com/index.php?main_page=product_info&cPath=35_36_30&products_id=440

Thanks, Claire