Making Changes to product page

[GoNinja]

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

[GoNinja]

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.

[GoNinja]

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

[kobra]

"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

[GoNinja]

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.

[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;}

Adjust to taste.

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.

[GoNinja]

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;}

Adjust to taste.

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).

[GoNinja]

Found it:

margin-bottom:10px;

[GoNinja]

Just want to add some spacing after:

"this product will be in stock..."

Cant figure out that one yet...

[kobra]

Just want to add some spacing after:

"this product will be in stock..."

Provide a link to this page