[Skip to main content](#vessel-content)

#   How to style these buttons individually?

##

- **[Maurice](/forum/user/7972-maurice "View Maurice's Profile")**
- [![Maurice's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7972-maurice "View Maurice's Profile") Topic Author
- [ Offline](/forum/user/7972-maurice)

Less More

- Posts: 151
- Thank you received: 9
-
-

14 years 1 month ago [\#65585](#65585) by [Maurice](/forum/user/7972-maurice "View Maurice's Profile")  *[How to style these buttons individually?](/forum/2-general-talk-about-hikashop/65585-how-to-style-these-buttons-individually#65585 "Hi,  On the product page (show&#95;default.php) I have 3 buttons:  - Add to Cart - Ask a Question - Add to Wishlist  These buttons all share the same class: hikashop&#95;cart&#95;button  Where can I change the class of the &quot;Ask a Question&quot; and &quot;Add to Wishlist&quot; buttons? It cannot be done in show&#95;default.php.  I want to style these buttons separately from the Add to Cart button.  Thank you, Maurice")* was created by *[Maurice](/forum/user/7972-maurice "View Maurice's Profile")*

Hi,

On the product page (show_default.php) I have 3 buttons:

- Add to Cart
- Ask a Question
- Add to Wishlist

These buttons all share the same class: hikashop_cart_button

Where can I change the class of the "Ask a Question" and "Add to Wishlist" buttons?
It cannot be done in show_default.php.

I want to style these buttons separately from the Add to Cart button.

Thank you,
Maurice

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzY1NTg1LWhvdy10by1zdHlsZS10aGVzZS1idXR0b25zLWluZGl2aWR1YWxseT90bXBsPW1hcmtkb3du) 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?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86541
- Thank you received: 14304
-
-

14 years 1 month ago [\#65591](#65591) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: How to style these buttons individually?](/forum/2-general-talk-about-hikashop/65585-how-to-style-these-buttons-individually#65591 "Hi,  On the product page (show&#95;default.php) I have 3 buttons:  - Add to Cart - Ask a Question - Add to Wishlist  These buttons all share the same class: hikashop&#95;cart&#95;button  Where can I change the class of the &quot;Ask a Question&quot; and &quot;Add to Wishlist&quot; buttons? It cannot be done in show&#95;default.php.  I want to style these buttons separately from the Add to Cart button.  Thank you, Maurice")*

Hi,

You can use such CSS:
.hikashop_product_stock table input{
//css for add to cart button
}
\#hikashop_add_wishlist input{
//css for wishlist button
}
\#hikashop_product_contact_main input{
//css for contact button
}

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzY1NTg1LWhvdy10by1zdHlsZS10aGVzZS1idXR0b25zLWluZGl2aWR1YWxseT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Maurice](/forum/user/7972-maurice "View Maurice's Profile")**
- [![Maurice's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7972-maurice "View Maurice's Profile") Topic Author
- [ Offline](/forum/user/7972-maurice)

Less More

- Posts: 151
- Thank you received: 9
-
-

14 years 1 month ago [\#65605](#65605) by [Maurice](/forum/user/7972-maurice "View Maurice's Profile")  Replied by *[Maurice](/forum/user/7972-maurice "View Maurice's Profile")* on topic *[Re: How to style these buttons individually?](/forum/2-general-talk-about-hikashop/65585-how-to-style-these-buttons-individually#65605 "Hi,  On the product page (show&#95;default.php) I have 3 buttons:  - Add to Cart - Ask a Question - Add to Wishlist  These buttons all share the same class: hikashop&#95;cart&#95;button  Where can I change the class of the &quot;Ask a Question&quot; and &quot;Add to Wishlist&quot; buttons? It cannot be done in show&#95;default.php.  I want to style these buttons separately from the Add to Cart button.  Thank you, Maurice")*

Hi Nicolas,

I have tried what you suggested but it does not work. When I look with firebug, I see no references to these buttons.
The three buttons themselves only have the shared class hikashop_cart_button.

So if I know the file(s) where this class is added to the button objects, I can easily change them.

Kind regards,
Maurice

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzY1NTg1LWhvdy10by1zdHlsZS10aGVzZS1idXR0b25zLWluZGl2aWR1YWxseT90bXBsPW1hcmtkb3du) 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?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86541
- Thank you received: 14304
-
-

14 years 1 month ago [\#65608](#65608) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: How to style these buttons individually?](/forum/2-general-talk-about-hikashop/65585-how-to-style-these-buttons-individually#65608 "Hi,  On the product page (show&#95;default.php) I have 3 buttons:  - Add to Cart - Ask a Question - Add to Wishlist  These buttons all share the same class: hikashop&#95;cart&#95;button  Where can I change the class of the &quot;Ask a Question&quot; and &quot;Add to Wishlist&quot; buttons? It cannot be done in show&#95;default.php.  I want to style these buttons separately from the Add to Cart button.  Thank you, Maurice")*

It might be that you're not using the normal buttons but the CSS buttons and in that case, the "input" has to be changed to "a" in the code I gave.
There is no need to edit the file directly. It's not a view but a helper file (administrator/components/com_hikashop/helpers/cart.php) and you won't be able to easily change it and you will loose your changes when you update.

Also make sure that you clear your browser cache when you try.

The following user(s) said Thank You: [Maurice](/forum/user/7972-maurice "View Maurice's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzY1NTg1LWhvdy10by1zdHlsZS10aGVzZS1idXR0b25zLWluZGl2aWR1YWxseT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Maurice](/forum/user/7972-maurice "View Maurice's Profile")**
- [![Maurice's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7972-maurice "View Maurice's Profile") Topic Author
- [ Offline](/forum/user/7972-maurice)

Less More

- Posts: 151
- Thank you received: 9
-
-

14 years 1 month ago [\#65624](#65624) by [Maurice](/forum/user/7972-maurice "View Maurice's Profile")  Replied by *[Maurice](/forum/user/7972-maurice "View Maurice's Profile")* on topic *[Re: How to style these buttons individually?](/forum/2-general-talk-about-hikashop/65585-how-to-style-these-buttons-individually#65624 "Hi,  On the product page (show&#95;default.php) I have 3 buttons:  - Add to Cart - Ask a Question - Add to Wishlist  These buttons all share the same class: hikashop&#95;cart&#95;button  Where can I change the class of the &quot;Ask a Question&quot; and &quot;Add to Wishlist&quot; buttons? It cannot be done in show&#95;default.php.  I want to style these buttons separately from the Add to Cart button.  Thank you, Maurice")*

Yep, I'm using the CSS style.
It works now, you really know your stuff... ![;)](/media/kunena/emoticons/24.png ";)")

Thank you very much! ![:cheer:](/media/kunena/emoticons/2.png ":cheer:")
Maurice

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzY1NTg1LWhvdy10by1zdHlsZS10aGVzZS1idXR0b25zLWluZGl2aWR1YWxseT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop Install &amp; Update Product &amp; Category Display Content Creation Sales and Orders Orders management Reports &amp; Statistics Customers Checkout Payment Methods Shipping Methods Import &amp; Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel &amp; Slider Mass Actions Filters &amp; Search Discount &amp; 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.056 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)
