Background of the price

  • Posts: 11
  • Thank you received: 0
4 years 10 months ago #307668

-- url of the page with the problem -- : www.led168.bg

Dears,
I have one question, is it possible to set something like "background" circle or something of the price on the product page ?
For example please see attached picture :)
I would like to have some circle behind the price :)
Many thanks in advance and sorry if there is topic like mine, i cannot find it!
Best regards,
Azim Feta

Attachments:

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

  • Posts: 81513
  • Thank you received: 13067
  • MODERATOR
4 years 10 months ago #307696

Hi,

Well, it's not something relative to HikaShop. You can do that with CSS code you can add on your website.
For example, with that CSS:

span.hikashop_product_price {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: block;
    background-color: violet;
    text-align: center;
    line-height: 60px;
}
I get this on my end:
monosnap.com/file/lsSQXLyeHqEWiRV67fLAZ2PEXmXju4
Then, you just have to adapt the color, size, etc to your needs.

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

  • Posts: 11
  • Thank you received: 0
4 years 10 months ago #307759

Hello,
sorry for late reply.
Many thanks for your support, just on more question in which file I have to add those CSS ?
Sorry for those stupid questions, but I`m not pro :)
Best regards,
Azim Feta

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

  • Posts: 81513
  • Thank you received: 13067
  • MODERATOR
4 years 10 months ago #307760

Hi,

You could add it to your template (as per your template provider recommandations).
Alternatively, you can also add it via the display tab of the HikaShop configuration.
You can read more about that here:
www.hikashop.com/support/documentation/1...ize-the-display.html

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

Time to create page: 0.065 seconds
Powered by Kunena Forum