Product layout - how to get more spacing ?

[rramirezb]

In the product layout, the reference of the product appears very close to the navigation (previous -- back to list -- next).
How can I increase that distance?

[usernamenone]

open templates > your template > templates > tpl_products_next_previous.php and add some spaces ( ) to this code: in red

<p class="navNextPrevCounter"><?php echo (PREV_NEXT_PRODUCT); ?><?php echo ($position+1 . "/" . $counter); ?></p>
<div class="navNextPrevList"><a href="<?php echo zen_href_link(zen_get_info_page($previous), "cPath=$cPath&products_id=$previous"); ?>"><?php echo $previous_image . $previous_button; ?></a></div>&nbsp;&nbsp;

<div class="navNextPrevList"><a href="<?php echo zen_href_link(FILENAME_DEFAULT, "cPath=$cPath"); ?>"><?php echo zen_image_button(BUTTON_IMAGE_RETURN_TO_PROD_LIST, BUTTON_RETURN_TO_PROD_LIST_ALT); ?></a></div>&nbsp;&nbsp;

[rramirezb]

I found the file "tpl_products_next_previos.php" inside templates/template_default/template.
I've made a copy inside my template directory, replaced the code, and it doesn't work. I've modified the original file, and it doesn't work...
I'm sure I'm forgetting a stupid thing.

[DrByte]

open templates > your template > templates > tpl_products_next_previous.php and add some spaces (&nbsp;) to this code: in red

<p class="navNextPrevCounter"><?php echo (PREV_NEXT_PRODUCT); ?><?php echo ($position+1 . "/" . $counter); ?></p>
<div class="navNextPrevList"><a href="<?php echo zen_href_link(zen_get_info_page($previous), "cPath=$cPath&products_id=$previous"); ?>"><?php echo $previous_image . $previous_button; ?></a></div>&nbsp;&nbsp;

<div class="navNextPrevList"><a href="<?php echo zen_href_link(FILENAME_DEFAULT, "cPath=$cPath"); ?>"><?php echo zen_image_button(BUTTON_IMAGE_RETURN_TO_PROD_LIST, BUTTON_RETURN_TO_PROD_LIST_ALT); ?></a></div>&nbsp;&nbsp;

Um, why wouldn't you suggest simply setting appropriate padding in the stylesheet?

[rramirezb]

that was my first idea. I suppose that could be done by adding margin or pading in the stylesheel, but I can't find the correct place in the stylesheet.
Where I should add the padding?

[DrByte]

What's the URL to the page where you're seeing the problem?

[rramirezb]

The url for one product:

http://www.joieriaconxita.com/studio...products_id=62

[DrByte]

You might try something like this:

.navNextPrevWrapper { padding-bottom: 20px;}

Of course, change the 20px to a higher or lower number depending on your needs.

[rramirezb]

Ok.
That was the css code to insert.

Thanks a lot!!!