align price left on product detail page

Hello!

Thanks again for the great product. I've been trying align the price on the product detail page to the left by editing the front end css file, but nothing I do seems to work. I'm attaching two screen shots to show you the layout. The first (ss.jpg) is how it is displaying now and the second (ss2.jpg) shows where I would like to move the alignment to the left. I using hikashop 1.5.6 in a joomla! 2.5.3 installation. Any help would be appreciated!

You should be able to do that simply with such CSS:

span.hikashop_product_price_full {
text-align: left;
}

Thanks for the reply. I figured out that I was clicking save when closing the modal box for the CSS file, but I wasn't clicking save on the joomla display page when done.

Everything looks great now!

Hi guys.

I've edited my CSS file with that code but nothing happens, the price remains aligned to the right. Any sugegstions?

Thanks.

Found this code in other post and put it in my CSS, I changed alignment to left and delete display and margin-bottom tags, and now it works. I don't know why, because it's mainly the same as the other code.

span.hikashop_product_price_full{
text-align: center !important;
font-weight:bold;
display:block;
margin-bottom:5px;
}

Well, when I put the code in my CSS it aligns the price to the left, but also in the products listing. Is there a way to align the price to the left ONLY in the product details page?

Thanks.

Yes. You need to add the main class name of the page before that piece of CSS, like that:


.hikashop_product_page span.hikashop_product_price_full{
text-align: center !important;
font-weight:bold;
display:block;
margin-bottom:5px;
}

Thanks very much, Nicolas. Now is working fine.