[solved] align price on carousel

  • Posts: 179
  • Thank you received: 10
  • Hikaauction Standard Hikamarket Multivendor Hikaserial Standard Hikashop Business
1 year 3 weeks ago #279024

-- url of the page with the problem -- : www.heemskerk-kantoormeubelen.nl/
-- HikaShop version -- : 3.2.0
-- Joomla version -- : 3.8.0
-- PHP version -- : 7.1.9

Hi,
I'm trying to get the price in the carousel back into the center but have some trouble finding the right selector.
The name and other fields are OK, it's just the price that is giving me trouble.
Any help / tips is appreciated because it's looking a bit strange now :)

Nico

Last Edit: 1 year 3 weeks ago by nico.van.leeuwen.

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

  • Posts: 11840
  • Thank you received: 1635
  • MODERATOR
1 year 3 weeks ago #279033

Hello Nico,

Your issue is actually coming from that CSS code in the file "media/com_hikashop/css/frontend_custom.css" that you can probably edit via "Hikashop->System->Configuration->Display->CSS":

.hikashop_product_price_full {
    text-align: right;
}
www.hikashop.com/support/documentation/1...the-display.html#css

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

  • Posts: 179
  • Thank you received: 10
  • Hikaauction Standard Hikamarket Multivendor Hikaserial Standard Hikashop Business
1 year 3 weeks ago #279080

Hello Mohamed,

Thanks, that fixes the alignments of the price.

Strange thing is that I thought the alignment of the text "excl. BTW" would be fixed by adding something like : PRICE_AFTER_TAX="<span class='carcenter'> excl.- BTW</span>" in the language override but this does not seem to do the trick.
Did I think wrong ?

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

  • Posts: 63575
  • Thank you received: 9157
  • MODERATOR
1 year 3 weeks ago #279086

Hi,

No, that would only change the alignment of the "excl. BTW" text, not the whole price text. You would have to override both the before and the after with the opening tag in the before and the closing tag in the after to englob everything. And the you would be able to change the alignment with CSS.
But it's easier to directly use CSS on the existing HTML, like Mohamed proposed.

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

  • Posts: 179
  • Thank you received: 10
  • Hikaauction Standard Hikamarket Multivendor Hikaserial Standard Hikashop Business
1 year 3 weeks ago #279271

Thanks,

I used this to make it all center :

.hikashop_carousel_item {text-align: center;}

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

Time to create page: 0.080 seconds
Powered by Kunena Forum