What to name the CSS files for Product pages?

I read the wiki and (forgive me) I'm stilll confused as to how to name my css files.

I targeted each Category page on my site by naming the css files accordingly (c_1.css, c_2.css etc). Now I'm trying to target the product pages.

I've tried p_[category path].css but nothing is happening.

Thanks

p_##.css

where ## is the products_id value from the URL when you look at that product page on your site

It's explained in your /includes/templates/template_default/css/CSS_read_me.txt file amongst other places

Here is an example url of my product page:

hxxp://my_stupid_website.com/index.php?main_page=product_info&cPath=40_18&products_id=813

I'm thinking of naming the product page CSS file either product_info.css or p_40.css.

Thing is I want this to have an affect on all of my product pages located under the Categories and Subcategories.

If you want to target all product info pages, name your custom stylesheet product_info.css.

gjh42:

If you want to target all product info pages, name your custom stylesheet product_info.css.

Thank you. I read all the documentation in the wiki. I don't know why I didn't come accross that.

Probably because it isn't spelled out in so many words for this particular case. The CSSreadme.txt in the /classic/css/ folder talks about stylesheets for "page names", and product_info is a page name... for all individual product pages.

One more thing. To edit the order by which items show up on the product page I can edit tpl_product_info_display.php? I want to move the Add to Cart button to the top inline with the product's price.

Thanks

That's right. Move code blocks to an appropriate output order, then fine-tune the display in your stylesheet.

Remember that a floated element (as the add to cart will likely be) can only rise to the bottom of the preceding non-floated element. If you want it inline with the prices and the prices are not floated, it needs to come before the price block in the output.

Nevermind got it. My assumption was right.

Sorry for the pollution

gjh42:

Remember that a floated element (as the add to cart will likely be) can only rise to the bottom of the preceding non-floated element. If you want it inline with the prices and the prices are not floated, it needs to come before the price block in the output.

Yup, I floated the price element left, reduced the width from 100% to 150px. Floated the button right and it slid right up.

Sounds good:)