Misalignment in the pricing line

Hello There,

I am trying to use yourshop template. There is a misalignment in the line pricing, below as well as attached:

Price:Base price: Rp 35.000
Rp 31.500Discount: Rp 3.500

It should be:
Price: Base price: Rp 35.000
Discount: Rp 3.500
Sales Price: Rp 31.500

Please kindly advise.

Thanks,

Could You please post an url to your site?

Hello There,
Here is the url: http://fairy-fancyshop.com/index.php/ac ... ace-detail

Thanks in advance.

Please edit: /templates/gk_yourshop/css/override.css and add at its end:

Code: Select all

#gkComponent .gkDetails div.PricediscountAmount {clear: left;}


Remember to enable "CSS override" in template settings - advanced section.

Thanks Cyberek!

Now the appearance becomes like this: http://fairy-fancyshop.com/index.php/ac ... ace-detail


Wings Heart Necklace
Rating: Not Rated Yet
Price:
Sales price: Rp 31.500Sales price without tax: Rp 35.000
Discount: Rp 3.500

Should be:

Wings Heart Necklace
Rating: Not Rated Yet
Price:
Sales price: Rp 31.500
Sales price without tax: Rp 35.000
Discount: Rp 3.500



Please kindly advise.

Please add this code to override.css:

Code: Select all

#gkComponent .gkDetails span.PricesalesPrice,
#gkComponent .gkDetails div.PricesalesPrice,
#gkComponent .gkDetails div.PricepriceWithoutTax {clear: both; float: none;}
#gkComponent .gkDetails div.PricesalesPrice,
#gkComponent .gkDetails div.PricepriceWithoutTax,
#gkComponent .gkDetails div.PricediscountAmount{margin-left: 30px;}


To reduce left spacing you can modify 30px value.

Hi Cyberek,

Thanks a lot. It works!!

Ok, closing the topic.
If You will have any other questions, feel free to post new forum threads.