[Skip to main content](#vessel-content) # Change button "add to cart" with a icon ## - **[eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile")** - [![eliospeppe's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/23217-eliospeppe "View eliospeppe's Profile") Topic Author - [ Offline](/forum/user/23217-eliospeppe) Less More - Posts: 18 - Thank you received: 0 - - 13 years 4 months ago [\#111290](#111290) by [eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile") *[Change button "add to cart" with a icon](/forum/4-how-to/84280-change-button-add-to-cart-with-a-icon#111290 "I searched the forum but I found old threads about it. -how do I change the css button "add to cart" to an icon made ​​by me? HikaShop Starter 2.1.3 Joomla 2.5.9 Thank you!")* was created by *[eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile")* I searched the forum but I found old threads about it. -how do I change the css button "add to cart" to an icon made ​​by me? HikaShop Starter 2.1.3 Joomla 2.5.9 Thank you! Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg0MjgwLWNoYW5nZS1idXR0b24tYWRkLXRvLWNhcnQtd2l0aC1hLWljb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Eliot](/forum/user/1824-eliot "View Eliot's Profile")** - [![Eliot's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar1824.png)](/forum/user/1824-eliot "View Eliot's Profile") - [ Offline](/forum/user/1824-eliot) Less More - Posts: 2334 - Thank you received: 403 - - 13 years 4 months ago [\#111292](#111292) by [Eliot](/forum/user/1824-eliot "View Eliot's Profile") Replied by *[Eliot](/forum/user/1824-eliot "View Eliot's Profile")* on topic *[Change button "add to cart" with a icon](/forum/4-how-to/84280-change-button-add-to-cart-with-a-icon#111292 "I searched the forum but I found old threads about it. -how do I change the css button "add to cart" to an icon made ​​by me? HikaShop Starter 2.1.3 Joomla 2.5.9 Thank you!")* Hi there, You should take a look at our documentation, it explains a lot of thing about styling Hikashop: [ www.hikashop.com/fr/support/documentation/106-faq.html#css](http://www.hikashop.com/fr/support/documentation/106-faq.html#css) In your case, you have to use a css rule on the button class: hikashop_cart_input_button. SOmething like: Code: .hikashop_cart_input_button{ background: url("yourimageadress") no-repeat; } Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg0MjgwLWNoYW5nZS1idXR0b24tYWRkLXRvLWNhcnQtd2l0aC1hLWljb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile")** - [![eliospeppe's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/23217-eliospeppe "View eliospeppe's Profile") Topic Author - [ Offline](/forum/user/23217-eliospeppe) Less More - Posts: 18 - Thank you received: 0 - - 13 years 4 months ago [\#111345](#111345) by [eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile") Replied by *[eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile")* on topic *[Change button "add to cart" with a icon](/forum/4-how-to/84280-change-button-add-to-cart-with-a-icon#111345 "I searched the forum but I found old threads about it. -how do I change the css button "add to cart" to an icon made ​​by me? HikaShop Starter 2.1.3 Joomla 2.5.9 Thank you!")* thanks for the reply I tried to do as you suggested but I do not work summary: Configuration => System => view = edit css file right? and this is the code I tried to replace but does not change much: Code: a.hikashop_cart_button, a.hikashop_cart_button:hover, a.hikashop_compare_button, a.hikashop_compare_button:hover{ background-image:url(../images/button.jpg); border:1px solid #356AA0; color:#000000; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; padding:5px 8px; text-decoration:none; cursor:pointer; float:left; white-space:nowrap; } a.hikashop_cart_button:hover, a.hikashop_compare_button:hover{ outline: 2px solid #92C1FF; } #hikashop_order_listing a.hikashop_cart_button, #hikashop_order_listing a.hikashop_cart_button:hover, #hikashop_checkout_login a.hikashop_cart_button, #hikashop_checkout_login a.hikashop_cart_button:hover, a.hikashop_compare_button, a.hikashop_compare_button:hover{ float:none; } Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg0MjgwLWNoYW5nZS1idXR0b24tYWRkLXRvLWNhcnQtd2l0aC1hLWljb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86304 - Thank you received: 14273 - - 13 years 4 months ago [\#111353](#111353) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Change button "add to cart" with a icon](/forum/4-how-to/84280-change-button-add-to-cart-with-a-icon#111353 "I searched the forum but I found old threads about it. -how do I change the css button "add to cart" to an icon made ​​by me? HikaShop Starter 2.1.3 Joomla 2.5.9 Thank you!")* What is the code that you added ? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg0MjgwLWNoYW5nZS1idXR0b24tYWRkLXRvLWNhcnQtd2l0aC1hLWljb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile")** - [![eliospeppe's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/23217-eliospeppe "View eliospeppe's Profile") Topic Author - [ Offline](/forum/user/23217-eliospeppe) Less More - Posts: 18 - Thank you received: 0 - - 13 years 4 months ago [\#111363](#111363) by [eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile") Replied by *[eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile")* on topic *[Change button "add to cart" with a icon](/forum/4-how-to/84280-change-button-add-to-cart-with-a-icon#111363 "I searched the forum but I found old threads about it. -how do I change the css button "add to cart" to an icon made ​​by me? HikaShop Starter 2.1.3 Joomla 2.5.9 Thank you!")* sorry I have wrong this is the code: Code: a.hikashop_cart_button, a.hikashop_cart_button:hover, a.hikashop_compare_button, a.hikashop_compare_button:hover{ background: url("images/addtocart.png") no-repeat; } a.hikashop_cart_button:hover, a.hikashop_compare_button:hover{ } #hikashop_order_listing a.hikashop_cart_button, #hikashop_order_listing a.hikashop_cart_button:hover, #hikashop_checkout_login a.hikashop_cart_button, #hikashop_checkout_login a.hikashop_cart_button:hover, a.hikashop_compare_button, a.hikashop_compare_button:hover{ float:none; } Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg0MjgwLWNoYW5nZS1idXR0b24tYWRkLXRvLWNhcnQtd2l0aC1hLWljb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86304 - Thank you received: 14273 - - 13 years 4 months ago - 13 years 4 months ago [\#111399](#111399) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Change button "add to cart" with a icon](/forum/4-how-to/84280-change-button-add-to-cart-with-a-icon#111399 "I searched the forum but I found old threads about it. -how do I change the css button "add to cart" to an icon made ​​by me? HikaShop Starter 2.1.3 Joomla 2.5.9 Thank you!")* There are four possibilities: 1. The image images/addtocart.png does not exist. Please enter the absolute URL of the file just to make sure. 2. Your browser cache doesn't see your CSS change. So you need to flush your browser's cache. 3. You didn't save the frontend file modification in the configuration. Please double check the modification. 4. You're using normal buttons and not CSS buttons in the configuration of hikaShop. In that case, you would have to remove the a in front of .hikashop_cart_button in your CSS in order to see the change. Last edit: 13 years 4 months ago by [nicolas](/forum/user/63-nicolas "View nicolas's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg0MjgwLWNoYW5nZS1idXR0b24tYWRkLXRvLWNhcnQtd2l0aC1hLWljb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile")** - [![eliospeppe's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/23217-eliospeppe "View eliospeppe's Profile") Topic Author - [ Offline](/forum/user/23217-eliospeppe) Less More - Posts: 18 - Thank you received: 0 - - 13 years 4 months ago - 13 years 4 months ago [\#111408](#111408) by [eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile") Replied by *[eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile")* on topic *[Change button "add to cart" with a icon](/forum/4-how-to/84280-change-button-add-to-cart-with-a-icon#111408 "I searched the forum but I found old threads about it. -how do I change the css button "add to cart" to an icon made ​​by me? HikaShop Starter 2.1.3 Joomla 2.5.9 Thank you!")* How do I remove the text? I see this: [ www.acme-sicily.com/site/images/ASASAS.bmp](http://www.acme-sicily.com/site/images/ASASAS.bmp) instead of [ www.acme-sicily.com/site/images/addtocart.png](http://www.acme-sicily.com/site/images/addtocart.png) Last edit: 13 years 4 months ago by [eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg0MjgwLWNoYW5nZS1idXR0b24tYWRkLXRvLWNhcnQtd2l0aC1hLWljb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86304 - Thank you received: 14273 - - 13 years 4 months ago [\#111427](#111427) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Change button "add to cart" with a icon](/forum/4-how-to/84280-change-button-add-to-cart-with-a-icon#111427 "I searched the forum but I found old threads about it. -how do I change the css button "add to cart" to an icon made ​​by me? HikaShop Starter 2.1.3 Joomla 2.5.9 Thank you!")* With additional CSS. For example : .hikashop_cart_button{ color: transparent !important; height: 40px; } Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg0MjgwLWNoYW5nZS1idXR0b24tYWRkLXRvLWNhcnQtd2l0aC1hLWljb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile")** - [![eliospeppe's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/23217-eliospeppe "View eliospeppe's Profile") Topic Author - [ Offline](/forum/user/23217-eliospeppe) Less More - Posts: 18 - Thank you received: 0 - - 13 years 4 months ago [\#111457](#111457) by [eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile") Replied by *[eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile")* on topic *[Change button "add to cart" with a icon](/forum/4-how-to/84280-change-button-add-to-cart-with-a-icon#111457 "I searched the forum but I found old threads about it. -how do I change the css button "add to cart" to an icon made ​​by me? HikaShop Starter 2.1.3 Joomla 2.5.9 Thank you!")* thanks!!!!! but apparently there is no way to change the height :huh: remains high 16px I solved by making the icon smaller :whistle: Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg0MjgwLWNoYW5nZS1idXR0b24tYWRkLXRvLWNhcnQtd2l0aC1hLWljb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[tormod](/forum/user/7695-tormod "View tormod's Profile")** - [![tormod's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7695-tormod "View tormod's Profile") - [ Offline](/forum/user/7695-tormod) Less More - Posts: 7 - Thank you received: 0 - - 13 years 3 months ago [\#115664](#115664) by [tormod](/forum/user/7695-tormod "View tormod's Profile") Replied by *[tormod](/forum/user/7695-tormod "View tormod's Profile")* on topic *[Change button "add to cart" with a icon](/forum/4-how-to/84280-change-button-add-to-cart-with-a-icon#115664 "I searched the forum but I found old threads about it. -how do I change the css button "add to cart" to an icon made ​​by me? HikaShop Starter 2.1.3 Joomla 2.5.9 Thank you!")* I am trying to add a icon to the add to cart button, when I am using normal buttons (not CSS). I finally get the icon to appear if I use CSS style buttons, but then the buttons look different than the template. I have tried to do the modifications according to the normal buttons, as adviced in the thread, but I am doing something wrong. I am a novice in this field so please explain stepwise how my code below should be modified. I am sure it is something quite obvious for you experienced guys. Q1) How should I change the following code to have the icon appear using normal style buttons: /* cart buttons */ a.hikashop_cart_button, a.hikashop_cart_button:hover, a.hikashop_compare_button, a.hikashop_compare_button:hover{ background-image:url(../images/button.jpg); /* background-image:url("/images/webbutikk/handlevogn-ny2-tb.png"); */ /* background-repeat:no-repeat; */ border:1px solid #356AA0; color:#000000; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; padding:5px 8px; text-decoration:none; cursor:pointer; float:left; white-space:nowrap; } /* Lagt til 25. juli 2013 for å få ikon i handlekurvknapp */ .hikashop_cart_button{ background-image:url("/images/webbutikk/handlevogn-ny2-tb.png"); background-repeat:no-repeat; color:transparent !important; height:50px; } a.hikashop_cart_button:hover, a.hikashop_compare_button:hover{ outline: 2px solid #92C1FF; } Q2) I think I saw somewhere that the icon could also be added as an image in the language file? Is this correct? If so, how should this be inserted. I.e. what do I need to write. Please be very spesific.. Help will be much appreciated ![:)](/media/kunena/emoticons/8.png ":)") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg0MjgwLWNoYW5nZS1idXR0b24tYWRkLXRvLWNhcnQtd2l0aC1hLWljb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")** - [![Mohamed Thelji's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6861.png)](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") - [ Offline](/forum/user/6861-mohamed-thelji) Less More - Posts: 12953 - Thank you received: 1778 - - - 13 years 3 months ago [\#115690](#115690) by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") Replied by *[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")* on topic *[Change button "add to cart" with a icon](/forum/4-how-to/84280-change-button-add-to-cart-with-a-icon#115690 "I searched the forum but I found old threads about it. -how do I change the css button "add to cart" to an icon made ​​by me? HikaShop Starter 2.1.3 Joomla 2.5.9 Thank you!")* Hi, 1. I'll probably need a link to your shop if you want me to check you current CSS code in your website ![:)](/media/kunena/emoticons/8.png ":)") 2. I don't think that this can be done with the add to cart button. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg0MjgwLWNoYW5nZS1idXR0b24tYWRkLXRvLWNhcnQtd2l0aC1hLWljb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[tormod](/forum/user/7695-tormod "View tormod's Profile")** - [![tormod's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7695-tormod "View tormod's Profile") - [ Offline](/forum/user/7695-tormod) Less More - Posts: 7 - Thank you received: 0 - - 13 years 3 months ago [\#115715](#115715) by [tormod](/forum/user/7695-tormod "View tormod's Profile") Replied by *[tormod](/forum/user/7695-tormod "View tormod's Profile")* on topic *[Change button "add to cart" with a icon](/forum/4-how-to/84280-change-button-add-to-cart-with-a-icon#115715 "I searched the forum but I found old threads about it. -how do I change the css button "add to cart" to an icon made ​​by me? HikaShop Starter 2.1.3 Joomla 2.5.9 Thank you!")* Good point.. :whistle: The domain is: [ www.tcam.no](http://www.tcam.no) If you could have a quick check I will appreciate any good suggestions, thanks. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg0MjgwLWNoYW5nZS1idXR0b24tYWRkLXRvLWNhcnQtd2l0aC1hLWljb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")** - [![Mohamed Thelji's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6861.png)](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") - [ Offline](/forum/user/6861-mohamed-thelji) Less More - Posts: 12953 - Thank you received: 1778 - - - 13 years 3 months ago - 13 years 3 months ago [\#115820](#115820) by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") Replied by *[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")* on topic *[Change button "add to cart" with a icon](/forum/4-how-to/84280-change-button-add-to-cart-with-a-icon#115820 "I searched the forum but I found old threads about it. -how do I change the css button "add to cart" to an icon made ​​by me? HikaShop Starter 2.1.3 Joomla 2.5.9 Thank you!")* Ok, If you want to apply your code through the add to cart button I think that you should probably use this CSS class : Code: .btn.button.hikashop_cart_input_button.art-button { } Also If your code don't seems to be applied; you can for example "force it" by changing this kind of property : Code: .btn.button.hikashop_cart_input_button.art-button { background-image:url(../images/button.jpg); } Like this : Code: .btn.button.hikashop_cart_input_button.art-button { background-image:url(../images/button.jpg) !important; } Hope this will help you a little. Last edit: 13 years 3 months ago by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg0MjgwLWNoYW5nZS1idXR0b24tYWRkLXRvLWNhcnQtd2l0aC1hLWljb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[tormod](/forum/user/7695-tormod "View tormod's Profile")** - [![tormod's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7695-tormod "View tormod's Profile") - [ Offline](/forum/user/7695-tormod) Less More - Posts: 7 - Thank you received: 0 - - 13 years 3 months ago [\#116101](#116101) by [tormod](/forum/user/7695-tormod "View tormod's Profile") Replied by *[tormod](/forum/user/7695-tormod "View tormod's Profile")* on topic *[Change button "add to cart" with a icon](/forum/4-how-to/84280-change-button-add-to-cart-with-a-icon#116101 "I searched the forum but I found old threads about it. -how do I change the css button "add to cart" to an icon made ​​by me? HikaShop Starter 2.1.3 Joomla 2.5.9 Thank you!")* Yes, this added a image on the background so it did work. Unfortunately it also put the image also on the "contact us" button that is displayed in the product pages (in addition to "add to cart" button). Is there a way of differenting between the "add to cart" button and the "Contact us" button so the image is only displayed on the first one? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg0MjgwLWNoYW5nZS1idXR0b24tYWRkLXRvLWNhcnQtd2l0aC1hLWljb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Eliot](/forum/user/1824-eliot "View Eliot's Profile")** - [![Eliot's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar1824.png)](/forum/user/1824-eliot "View Eliot's Profile") - [ Offline](/forum/user/1824-eliot) Less More - Posts: 2334 - Thank you received: 403 - - 13 years 3 months ago [\#116152](#116152) by [Eliot](/forum/user/1824-eliot "View Eliot's Profile") Replied by *[Eliot](/forum/user/1824-eliot "View Eliot's Profile")* on topic *[Change button "add to cart" with a icon](/forum/4-how-to/84280-change-button-add-to-cart-with-a-icon#116152 "I searched the forum but I found old threads about it. -how do I change the css button "add to cart" to an icon made ​​by me? HikaShop Starter 2.1.3 Joomla 2.5.9 Thank you!")* Hi there, You can use this class instead: Code: .hikashop_product_quantity_main input{ } Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg0MjgwLWNoYW5nZS1idXR0b24tYWRkLXRvLWNhcnQtd2l0aC1hLWljb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[tormod](/forum/user/7695-tormod "View tormod's Profile")** - [![tormod's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7695-tormod "View tormod's Profile") - [ Offline](/forum/user/7695-tormod) Less More - Posts: 7 - Thank you received: 0 - - 13 years 3 months ago [\#116314](#116314) by [tormod](/forum/user/7695-tormod "View tormod's Profile") Replied by *[tormod](/forum/user/7695-tormod "View tormod's Profile")* on topic *[Change button "add to cart" with a icon](/forum/4-how-to/84280-change-button-add-to-cart-with-a-icon#116314 "I searched the forum but I found old threads about it. -how do I change the css button "add to cart" to an icon made ​​by me? HikaShop Starter 2.1.3 Joomla 2.5.9 Thank you!")* Hmm, that did not seem to do the trick either. If I enabled the "Display the quantity field on the product page", the image was put in this box when I used the class .hikashop_product_quantity_main input. Mohamed and Eliot: thanks for pointing out the direction. I'll give it some more try, and see how it goes. If you have other tips and suggestions, let me know ![:)](/media/kunena/emoticons/8.png ":)") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg0MjgwLWNoYW5nZS1idXR0b24tYWRkLXRvLWNhcnQtd2l0aC1hLWljb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86304 - Thank you received: 14273 - - 13 years 2 months ago [\#116493](#116493) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Change button "add to cart" with a icon](/forum/4-how-to/84280-change-button-add-to-cart-with-a-icon#116493 "I searched the forum but I found old threads about it. -how do I change the css button "add to cart" to an icon made ​​by me? HikaShop Starter 2.1.3 Joomla 2.5.9 Thank you!")* In that case you should use such CSS: .hikashop_product_stock .hikashop_product_quantity_main input{ //your CSS } Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg0MjgwLWNoYW5nZS1idXR0b24tYWRkLXRvLWNhcnQtd2l0aC1hLWljb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile")** - [![eliospeppe's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/23217-eliospeppe "View eliospeppe's Profile") Topic Author - [ Offline](/forum/user/23217-eliospeppe) Less More - Posts: 18 - Thank you received: 0 - - 12 years 10 months ago [\#134657](#134657) by [eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile") Replied by *[eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile")* on topic *[\[RESOLVED\] Change button "add to cart" with a icon](/forum/4-how-to/84280-change-button-add-to-cart-with-a-icon#134657 "I searched the forum but I found old threads about it. -how do I change the css button "add to cart" to an icon made ​​by me? HikaShop Starter 2.1.3 Joomla 2.5.9 Thank you!")* I solved in this way: before I modified the css Code: a.hikashop_cart_button, a.hikashop_cart_button:hover, a.hikashop_compare_button, a.hikashop_compare_button:hover{ border:1px solid #ffffff; color:#000000; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:15px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-decoration:none; cursor:pointer; white-space:nowrap; text-transform: uppercase; } and then I changed the language file ![:P](/media/kunena/emoticons/15.png ":P") Code: ADD_TO_CART="<img src="http://www.acme-sicily.com/site/images/addtocart.png" style="float:right "style="padding-bottom:-40px" align="right" style="vertical-align:top">" Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg0MjgwLWNoYW5nZS1idXR0b24tYWRkLXRvLWNhcnQtd2l0aC1hLWljb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop- Install & Update- Product & Category Display- Content Creation- Sales and Orders- - Orders management- - Reports & Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import & Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel & Slider- - Mass Actions- - Filters & Search- - Discount & Coupon- - Feature Request- Integrations- Showcase- General Talk about HikaShop- Development- - HikaShop 3.0 Beta- Translation- Commercial Jobs HikaShop Components- HikaMarket- - Market: Feature requests- - Market: How to?- - Market: Bug Report- HikaSerial- - General talk about HikaSerial- - Serial: Bug Report- - Serial: How to?- - Support en Français de HikaSerial (French Support)- - HikaSubscription- HikaAuction- - Auction: Feature requests- - Auction: How to?- - Auction: Bug report Hikashop around the world- Support en Français (French Support)- Russian- - FAQ. Курс выживания с Hikashop. Частые вопросы и о- - Расширения Hikashop- - Наши сайты на Hikashop- 日本語版サポート(Japanese Support)- Thai- German Archives- Bug Report- How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.167 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)