Add a padding-right to the product view

Hi

On the individual product view, I would like to add padding-right: 160px to the main text so that it doesn't go all the way across the page (it's just a stylistic thing).

I assumed that I could do this in the front-end css file, and have looked at this section

/* different parts of the show of a product */
.hikashop_product_top_part{
width:100%;
}
.hikashop_product_left_part{
text-align:center;
float:left;
width:50%;
}
.hikashop_product_main_image_thumb{
margin-bottom:5px;

}
.hikashop_product_image_image {
width: 600px !important; height: 600px !important;
}
.hikashop_product_right_part{
float:left;
padding-left:1px;
}
.hikashop_product_bottom_part{
clear:both;
width:100%;
}

Is this the right place to look? I tried adding the padding line to product_bottom_part but this did not work.

Thanks
Mark

Hi,

We can't answer precisely without a link to your page so that we can use firebug on it.

Hi Nicolas

The site is here: www.s357199216.websitehome.co.uk/

And I'm intereseted in having the individual product listing main text as look as though it is central - in the left column there is a module switched on but not on the right, so the content area is floating to the right.

For example:

www.s357199216.websitehome.co.uk/index.p...8&category_pathway=0

You can add the CSS below:

.hikashop_product_description_main{
width: 500px;
display: block;
}

Thanks, Nicolas. Amazing support as always.