Description on Product Info Page

On the Product Info Page, each product has their own description on their own page, as shown below, but they all have the same font/size/color.

I would just like the description to be placed a little higher. Still under under the image, but a little closer. How can I adjust the spacing?

We'll need to see the site to help. Generally, it's better to avoid inline styling in product descriptions and use the stylesheet instead.

stevesh:

We'll need to see the site to help. Generally, it's better to avoid inline styling in product descriptions and use the stylesheet instead.

Sorry, I forgot to add a link. I don't know how to use the stylesheet to describe each individual product.

http://designerperfumesnob.authsafe.com/ombre-rose-body-powder-23-oz-by-jeancharles-brosseau-for-women-p-5286.html

The main part of your problem is the image itself. It's 350px high, and the extra space below the actual image content is showing up as space.

I don't have control over the actual image. It is 350 x 350 and I get it from my wholesaler. I drop it down to 250 x 250 for my product page. Down the road when I have time, would resizing the image to 250 x 250 in an image editor make a difference? I have thousands of images. Anything I can do now?

I also want to get back to what was brought up before about making changes from the stylesheet. I can't figure out how to do that for individual products.

Sounds like you're a prime candidate for Image Handler from Plugins. You can set it up to do what you want automatically.

If you want to affect the product info page, you can make per-product stylesheets. Look at /includes/templates/template_default/css/CSSreadme.txt for information.

So I would end up with around 3,000 stylesheets. Wow.

It's really convenient to just add the description as you say inline, because I am already on that page, as I enter the new product. Am I penalized in any way if I continue like this?

So I would end up with around 3,000 stylesheets
You did not bother to read the CSSreadme.txt referenced

You make ONE for this type of page

Am I penalized in any way if I continue like this?
That is what & why CSS is beneficial - suppose at some later date you want to change something about the display
Doing it your way - you have to edit 3,000 descriptions
The css way you just change a rule once

kobra:

You did not bother to read the CSSreadme.txt referenced

You make ONE for this type of page

That is what & why CSS is beneficial - suppose at some later date you want to change something about the display
Doing it your way - you have to edit 3,000 descriptions
The css way you just change a rule once

I did bother to read it, but I obviously did not understand it. What comes so easy to some of us, seems like a foreign language to others.

I still don't understand it, but the thought of being able to make one change versus 3,000 is wonderful. If I understood how to go about this I would put it into practice. I've read it, and read it some more, and I still have no idea where to begin, and what I would do if you pointed to the page.

I'm very frustrated and disappointed that after working so hard on this site I am going to end up missing Christmas after all.

each product has their own description on their own page, as shown below, but they all have the same font/size/color.Do you mean you want them to all have the same font settings, different from what is used on other pages/places? That is so simple that you don't even need one extra stylesheet. All you need is one rule added to your stylesheet:

#productDescription {
    font-style: italic;
    font-family: georgia, serif;
    color: grey;
    font-size: 110%;
    }

If you want only part of the description to have this styling, add a class tag to the element containing this part, like

then add a rule to the stylesheet like

#productDescription .special1 {
    font-style: italic;
    font-family: georgia, serif;
    color: grey;
    font-size: 110%;
    }

Yes, the product description on the product info page all have the same font, font style, font color. I will take that information out of the description and put it in the stylesheet. That will be great because I was actually thinking of going a darker grey and wondering how the heck I would do that!

Now, for the rest of the description that is individual for the product, I would continue putting that directly in the text box for each product?

Does the rest of the description need to be the same font etc., or ordinary? If there is just a part that needs to be different from ordinary, that part should get the class tag as described, and the rest of the description would not have the class tag.

Oh, I am thrilled. It looks terrific. I don't know why, but adding this to the stylesheet has moved the description up just enough that the first line shows above the fold and that was my original objective. I changed the color to match the product name and the page looks so much better. You are a wizard gjh42!

It did not change any of the descriptions I had done in the past, so those are still a lighter color. Is there any way, other than manually to change those?

The only text I am now entering in the text box is the individual product description. I want a double line between sentences so I am using <br><br> and not closing it. Here is an example:

Fragrance Notes~ floral black currant, jasmine, narcissus, sandalwood and vanilla.

<br><br>Classification: floral-aldehyde.

<br><br>This fragrance was introduced in 1976.

Is this terribly wrong? I have it set to plain text.

http://designerperfumesnob.authsafe.com/first-by-van-cleef-arpels-eau-de-toilette-spray-33-oz-p-352.html

All product descriptions on product info pages have the id #productDescription, so the styling should apply to new and old alike. Maybe there is a cache issue?

I will use a <br /> or <br /><br /> to format a description if the circumstances warrant. Sometimes <p> tags just don't get the right effect without picky work...

i don't know anything about cache. Sorry.

Clear the browser cache on your computer, or look at the site from a new computer. This will avoid the effect of the browser storing an old view of your page instead of fetching a current view.