Border around product title, description, price and buy now button

I would like to put a border around the following information on the products page: -product title, description, price and buy now button

How do I do this?

Thanks

Justin

A link to your site would help others help you ...

Advisers Australia:

I would like to put a border around the following information on the products page: -product title, description, price and buy now button

How do I do this?

Thanks

Justin

Depending on the template you are using, adding a border to the various CSS classes should do the trick.

Here are some ways of sniffing out the classes being used:
FireFox-> Open your website-> go to the product page you'd like to change-> right click the screen and select 'Inspect Element'

• Hover your mouse over the areas you'd like to see HTML/CSS code and click when you've found the element you'd like to change.

Related ZenCart files - again depending on your template:

• includes/templates/YOUR_TEMPLATE/CSS/stylesheet.css
• includes/templates/YOUR_TEMPLATE/templates/tpl_product_info_display.php

Hi

Thank you for your suggestions. I have provided a link to the page: -

I would like to put a border around each product.

Justin

Your link didn't make it.

Hi

Apologies here is the link http://www.advisers-australia.com/zencart/zen-cart-v1.5.1-full-fileset-09182012/index.php?main_page=index&cPath=4_10

Justin

Advisers Australia:

Hi

Apologies here is the link http://www.advisers-australia.com/zencart/zen-cart-v1.5.1-full-fileset-09182012/index.php?main_page=index&cPath=4_10

Justin

You can use the class .centerBoxContentsProducts

Thanks,

Anne

Advisers Australia:

I would like to put a border around the following information on the products page: -product title, description, price and buy now button

How do I do this?

Thanks

Justin
You'd need to add the following to your stylesheet.css file

#indexBody .itemTitle { border: 1px solid black; } /* for the product title */
#indexBody . listingDescription { border: 1px solid black; } /* for the description */
#indexBody .centerBoxContentsProducts > a { border: 1px solid black; } /* for the buy now button */

Unfortunately, the item's price is simply text so there's no CSS selector to specify (without making PHP code modifications) to draw a box around that element.

That said, wouldn't all these borders just "over-stimulate" that page's display?

Hi

Thank you for your suggestions. I found the following code in the archives - it worked

/* Add borders to the cells of columnar display in center column */
.centerBoxContentsNew, .centerBoxContentsFeatured, .centerBoxContentsSpecials, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsProducts {
background: #FFF6ED;
padding-bottom: 0.5em;
padding-top: 0.5em;
border-top: 0.1em solid #252525;
border-bottom: 0.1em solid #252525;
border-left: 0.1em solid #252525;
border-right: 0.1em solid #252525;
margin-right: -0.06em;
margin-left: -0.06em;

Justin