Change icon in check out wit custom icons

  • Posts: 79
  • Thank you received: 1
  • Hikashop Business
4 years 5 months ago #312341

Hi!

In checkout form there is default icon ( from font-awesome ) to edit or delete pages. I dont want to use the icons from font-awesome.
How to replace them with my own custom icons? ( i have design two icons in png format)

thanks!!

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

  • Posts: 81504
  • Thank you received: 13064
  • MODERATOR
4 years 5 months ago #312348

Hi,

Well, you can do that with CSS.
For example, for the refresh icon on the cart view of the checkout, you can add such CSS:

.hikashop_checkout_cart i.fa.fa-sync {
    background-image: url(http://yourwebsite.com/media/com_hikashop/images/refresh.png);
    width: 14px;
    height: 14px;
}
.hikashop_checkout_cart i.fa.fa-sync:before {
    content: '' !important;
}
You just have to adapt the width, height and image URL to yours.

The following user(s) said Thank You: oxygenvisual

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

  • Posts: 79
  • Thank you received: 1
  • Hikashop Business
4 years 5 months ago #312370

Thank you Nicolas for the css.

I need to change the icons on check out address the icon "edit page" and the icon "delete" . i have attached a screen shot.
For these icons can you please send which is the css??

thank you for your support!

Attachments:

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

  • Posts: 4508
  • Thank you received: 610
  • MODERATOR
4 years 5 months ago #312381

Hello,

You have to keep the same idea, as Nicolas show you but the required html class, for this you have to point your html element, and right-click => Inspect (or inspector tool, inspector etc), then you will see this :



And continue with the same code that Nicolas give you.
Hope this will help.

Regards

Last edit: 4 years 5 months ago by Philip.
The following user(s) said Thank You: oxygenvisual

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

Time to create page: 0.060 seconds
Powered by Kunena Forum