[Skip to main content](#vessel-content) # "add to cart" button Css class ## - **[Nello](/forum/user/1361-nello "View Nello's Profile")** - [![Nello's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/1361-nello "View Nello's Profile") Topic Author - [ Offline](/forum/user/1361-nello) Less More - Posts: 251 - Thank you received: 2 - - 13 years 11 months ago - 13 years 11 months ago [\#75688](#75688) by [Nello](/forum/user/1361-nello "View Nello's Profile") *["add to cart" button Css class](/forum/2-general-talk-about-hikashop/75627-add-to-cart-button-css-class#75688 "Hi Nicolas, I want to set a different css class only for "add to cart" button on product page. At the moment the css class is .hikashop_cart_input_button, but it is also the same for the contact us button and for some others buttons. How to customize only the button "add to cart" on the product page? Thank you. Nello Ex. www.hidesign.it/it/catalogo/product/show...-3305/poltrona-cocoa")* was created by *[Nello](/forum/user/1361-nello "View Nello's Profile")* Hi Nicolas, I want to set a different css class only for "add to cart" button on product page. At the moment the css class is .hikashop_cart_input_button, but it is also the same for the contact us button and for some others buttons. How to customize only the button "add to cart" on the product page? Thank you. Nello Ex. [ www.hidesign.it/it/catalogo/product/show...-3305/poltrona-cocoa](http://www.hidesign.it/it/catalogo/product/show/cid-3305/poltrona-cocoa) Last edit: 13 years 11 months ago by [Nello](/forum/user/1361-nello "View Nello's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc1NjI3LWFkZC10by1jYXJ0LWJ1dHRvbi1jc3MtY2xhc3M/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation. - **[Arjun](/forum/user/11221-arjun "View Arjun's Profile")** - [![Arjun's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/11221-arjun "View Arjun's Profile") - [ Offline](/forum/user/11221-arjun) Less More - Posts: 2 - Thank you received: 0 - - 13 years 11 months ago - 13 years 11 months ago [\#75810](#75810) by [Arjun](/forum/user/11221-arjun "View Arjun's Profile") Replied by *[Arjun](/forum/user/11221-arjun "View Arjun's Profile")* on topic *["add to cart" button Css class](/forum/2-general-talk-about-hikashop/75627-add-to-cart-button-css-class#75810 "Hi Nicolas, I want to set a different css class only for "add to cart" button on product page. At the moment the css class is .hikashop_cart_input_button, but it is also the same for the contact us button and for some others buttons. How to customize only the button "add to cart" on the product page? Thank you. Nello Ex. www.hidesign.it/it/catalogo/product/show...-3305/poltrona-cocoa")* You can style with specific parent class Last edit: 13 years 11 months ago by [Arjun](/forum/user/11221-arjun "View Arjun's Profile"). Reason: bored Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc1NjI3LWFkZC10by1jYXJ0LWJ1dHRvbi1jc3MtY2xhc3M/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation. - **[Nello](/forum/user/1361-nello "View Nello's Profile")** - [![Nello's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/1361-nello "View Nello's Profile") Topic Author - [ Offline](/forum/user/1361-nello) Less More - Posts: 251 - Thank you received: 2 - - 13 years 11 months ago - 13 years 11 months ago [\#75812](#75812) by [Nello](/forum/user/1361-nello "View Nello's Profile") Replied by *[Nello](/forum/user/1361-nello "View Nello's Profile")* on topic *["add to cart" button Css class](/forum/2-general-talk-about-hikashop/75627-add-to-cart-button-css-class#75812 "Hi Nicolas, I want to set a different css class only for "add to cart" button on product page. At the moment the css class is .hikashop_cart_input_button, but it is also the same for the contact us button and for some others buttons. How to customize only the button "add to cart" on the product page? Thank you. Nello Ex. www.hidesign.it/it/catalogo/product/show...-3305/poltrona-cocoa")* Thank you Last edit: 13 years 11 months ago by [Nello](/forum/user/1361-nello "View Nello's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc1NjI3LWFkZC10by1jYXJ0LWJ1dHRvbi1jc3MtY2xhc3M/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation. - **[melisari](/forum/user/9503-melisari "View melisari's Profile")** - [![melisari's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/gallery/origami.png)](/forum/user/9503-melisari "View melisari's Profile") - [ Offline](/forum/user/9503-melisari) Less More - Posts: 103 - Thank you received: 2 - - 13 years 5 months ago - 13 years 5 months ago [\#104938](#104938) by [melisari](/forum/user/9503-melisari "View melisari's Profile") Replied by *[melisari](/forum/user/9503-melisari "View melisari's Profile")* on topic *["add to cart" button Css class](/forum/2-general-talk-about-hikashop/75627-add-to-cart-button-css-class#104938 "Hi Nicolas, I want to set a different css class only for "add to cart" button on product page. At the moment the css class is .hikashop_cart_input_button, but it is also the same for the contact us button and for some others buttons. How to customize only the button "add to cart" on the product page? Thank you. Nello Ex. www.hidesign.it/it/catalogo/product/show...-3305/poltrona-cocoa")* Hi! I want to customize the add to cart button too, but i dont know how to do it. Could you explain the steps to follow? thank you so much in advance! Last edit: 13 years 5 months ago by [melisari](/forum/user/9503-melisari "View melisari's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc1NjI3LWFkZC10by1jYXJ0LWJ1dHRvbi1jc3MtY2xhc3M/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) 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?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86323 - Thank you received: 14283 - - 13 years 5 months ago [\#104957](#104957) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *["add to cart" button Css class](/forum/2-general-talk-about-hikashop/75627-add-to-cart-button-css-class#104957 "Hi Nicolas, I want to set a different css class only for "add to cart" button on product page. At the moment the css class is .hikashop_cart_input_button, but it is also the same for the contact us button and for some others buttons. How to customize only the button "add to cart" on the product page? Thank you. Nello Ex. www.hidesign.it/it/catalogo/product/show...-3305/poltrona-cocoa")* As Arjun said, you can add such CSS: .hikashop_product_stock .hikashop_cart_input_button{ color : green !important; } You can add it in the frontend CSS file of HikaShop that you can edit via the Display tab of the configuration of HikaShop. The following user(s) said Thank You: [melisari](/forum/user/9503-melisari "View melisari's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc1NjI3LWFkZC10by1jYXJ0LWJ1dHRvbi1jc3MtY2xhc3M/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation. - **[drandyb](/forum/user/24834-drandyb "View drandyb's Profile")** - [![drandyb's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/24834-drandyb "View drandyb's Profile") - [ Offline](/forum/user/24834-drandyb) Less More - Posts: 25 - Thank you received: 0 - - 13 years 2 months ago [\#119356](#119356) by [drandyb](/forum/user/24834-drandyb "View drandyb's Profile") Replied by *[drandyb](/forum/user/24834-drandyb "View drandyb's Profile")* on topic *["add to cart" button Css class](/forum/2-general-talk-about-hikashop/75627-add-to-cart-button-css-class#119356 "Hi Nicolas, I want to set a different css class only for "add to cart" button on product page. At the moment the css class is .hikashop_cart_input_button, but it is also the same for the contact us button and for some others buttons. How to customize only the button "add to cart" on the product page? Thank you. Nello Ex. www.hidesign.it/it/catalogo/product/show...-3305/poltrona-cocoa")* What is the exact name of the file where this code should go. Can I use url for paypal .gif for the button instead of color green? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc1NjI3LWFkZC10by1jYXJ0LWJ1dHRvbi1jc3MtY2xhc3M/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) 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?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86323 - Thank you received: 14283 - - 13 years 2 months ago [\#119392](#119392) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *["add to cart" button Css class](/forum/2-general-talk-about-hikashop/75627-add-to-cart-button-css-class#119392 "Hi Nicolas, I want to set a different css class only for "add to cart" button on product page. At the moment the css class is .hikashop_cart_input_button, but it is also the same for the contact us button and for some others buttons. How to customize only the button "add to cart" on the product page? Thank you. Nello Ex. www.hidesign.it/it/catalogo/product/show...-3305/poltrona-cocoa")* This was just an example. You sure can use an image instead provided that you add the correct CSS code. For example: Code: .hikashop_product_stock .hikashop_cart_input_button{ background-image: url(http://mywebsite.com/myimage.gif); } As I said, you can add it in the frontend CSS file of HikaShop that you can edit via the Display tab of the configuration of HikaShop: [ www.hikashop.com/support/documentation/5...fig.html#display\_css](http://www.hikashop.com/support/documentation/54-hikashop-config.html#display_css) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc1NjI3LWFkZC10by1jYXJ0LWJ1dHRvbi1jc3MtY2xhc3M/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) 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.082 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)