align price left on product detail page

  • Posts: 9
  • Thank you received: 0
12 years 7 months ago #45028

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!

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
12 years 7 months ago #45171

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

span.hikashop_product_price_full {
text-align: left;
}

Please Log in or Create an account to join the conversation.

  • Posts: 9
  • Thank you received: 0
12 years 7 months ago #45192

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!

Please Log in or Create an account to join the conversation.

  • Posts: 107
  • Thank you received: 3
12 years 5 months ago #54216

Hi guys.

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

Thanks.

Please Log in or Create an account to join the conversation.

  • Posts: 107
  • Thank you received: 3
12 years 5 months ago #54217

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;
}

:)

Please Log in or Create an account to join the conversation.

  • Posts: 107
  • Thank you received: 3
12 years 5 months ago #54218

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.

Please Log in or Create an account to join the conversation.

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
12 years 5 months ago #54283

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;
}

Please Log in or Create an account to join the conversation.

  • Posts: 107
  • Thank you received: 3
12 years 5 months ago #54312

Thanks very much, Nicolas. Now is working fine.

Please Log in or Create an account to join the conversation.

Time to create page: 0.083 seconds
Powered by Kunena Forum