Making Changes to product page

I want to add a few <br> <br> to make my product page "breath" a bit.

Can someone tell me which file to modify and I can take it from there!!

• above previous/next
• after previous/next
• after manufacturer name
• above "this product will be in stock" text

Also.....

"This product will be in stock....."

I want to change the wording of this text.

Please direct me to the correct file to modify.

Anyone? What file do I put the extra <br><br> in???

"This product will be in stock....."
I want to change the wording of this text.
Use the developers tool kit
https://www.zen-cart.com/tutorials/index.php?article=39
https://www.zen-cart.com/tutorials/index.php?article=38
What file do I put the extra <br><br> in???
The above is html and this is not an html cart - it is php....
It is also css driven so most things can be spaced in your stylesheet.css.....
A link to your site would have generated better response

kobra:

Use the developers tool kit
https://www.zen-cart.com/tutorials/index.php?article=39
https://www.zen-cart.com/tutorials/index.php?article=38

The above is html and this is not an html cart - it is php....
It is also css driven so most things can be spaced in your stylesheet.css.....
A link to your site would have generated better response

Thank you for the reply. I used to the dev tool kit to make that one change. Still searching which file for the product page so I can add the extra spacing.

While it is possible to change the spacing by adding <br /> tags in the code, that is a rather coarse method.

You will get much finer control over the page appearance by editing your stylesheet
(/includes/templates/your_template/css/stylesheet.css), and it will be easier to adjust.

For example, find in your stylesheet.navNextPrevList { display:inline; white-space:nowrap; padding:0 1em; list-style-type:none; position:relative; }and add below it```
.navNextPrevWrapper {margin-bottom: 1.5em;}

.navNextPrevCounter {margin-bottom: 1.5em;}

Get Firefox and its Web Developer extension. This will help you to find the ids/classes to apply styling to, and let you test-edit your stylesheet and see the results instantly.

gjh42:

While it is possible to change the spacing by adding <br /> tags in the code, that is a rather coarse method.

You will get much finer control over the page appearance by editing your stylesheet
(/includes/templates/your_template/css/stylesheet.css), and it will be easier to adjust.

For example, find in your stylesheet.navNextPrevList { display:inline; white-space:nowrap; padding:0 1em; list-style-type:none; position:relative; }and add below it```
.navNextPrevWrapper {margin-bottom: 1.5em;}

.navNextPrevCounter {margin-bottom: 1.5em;}

> 
> Get Firefox and its Web Developer extension. This will help you to find the ids/classes to apply styling to, and let you test-edit your stylesheet and see the results instantly.

Thank you for the detailed reply!

I added that and it worked.

Now I am trying to find out where I add similar code to increase the spacing also shown in my diagram (between manufacture, write review, other text).

Found it:

margin-bottom:10px;

Just want to add some spacing after:

"this product will be in stock..."

Cant figure out that one yet...

Just want to add some spacing after:

"this product will be in stock..."
Provide a link to this page

kobra:

Provide a link to this page

I added the spacing in the form of <br /><br /> in tpl_product_info_display.php, seems to work ok!

<!--bof Product date added/available-->
<?php
  if ($products_date_available > date('Y-m-d H:i:s')) {
    if ($flag_show_product_info_date_available == 1) {
?>
  <p id="productDateAvailable" class="productGeneral centeredContent"><?php echo sprintf(TEXT_DATE_AVAILABLE, zen_date_long

($products_date_available)); ?><br /><br /></p>
<?php
    }
  } else {
    if ($flag_show_product_info_date_added == 1) {
?>
      <p id="productDateAdded" class="productGeneral centeredContent"><?php echo sprintf(TEXT_DATE_ADDED, zen_date_long

($products_date_added)); ?></p>
<?php
    } // $flag_show_product_info_date_added
  }
?>
<!--eof Product date added/available -->