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

#   Change Colour of Add to Cart Button

##

- **[kenny\_robb](/forum/user/60337-kenny-robb "View kenny&#95;robb's Profile")**
- [![kenny&#95;robb's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/60337-kenny-robb "View kenny&#95;robb's Profile") Topic Author
- [ Offline](/forum/user/60337-kenny-robb)

Less More

- Posts: 15
- Thank you received: 1
-
-

2 years 3 weeks ago [\#363902](#363902) by [kenny\_robb](/forum/user/60337-kenny-robb "View kenny&#95;robb's Profile")  *[Change Colour of Add to Cart Button](/forum/26-product-category-display/908753-change-colour-of-add-to-cart-button#363902 "-- HikaShop version -- : 5.1.1 -- Joomla version -- : 4.4.8  I would like to be able to change the colour of the add to cart button but not sure where I should be looking and what to change.  Can someone please point me in the right direction  Thanks")* was created by *[kenny\_robb](/forum/user/60337-kenny-robb "View kenny&#95;robb's Profile")*

-- HikaShop version -- : 5.1.1
-- Joomla version -- : 4.4.8

I would like to be able to change the colour of the add to cart button but not sure where I should be looking and what to change.

Can someone please point me in the right direction

Thanks

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

- **[Philip](/forum/user/34318-philip "View Philip's Profile")**
- [![Philip's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar34318_2015-11-18-2.png)](/forum/user/34318-philip "View Philip's Profile")
- [ Offline](/forum/user/34318-philip)

Less More

- Posts: 4820
- Thank you received: 652
-
-

2 years 3 weeks ago -  2 years 3 weeks ago [\#363905](#363905) by [Philip](/forum/user/34318-philip "View Philip's Profile")  Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[Change Colour of Add to Cart Button](/forum/26-product-category-display/908753-change-colour-of-add-to-cart-button#363905 "-- HikaShop version -- : 5.1.1 -- Joomla version -- : 4.4.8  I would like to be able to change the colour of the add to cart button but not sure where I should be looking and what to change.  Can someone please point me in the right direction  Thanks")*

Hello,

You can add your own css command in order to define the button color, follow me step by step :
**1.** Have a look on this **[ tutorial](https://www.hikashop.com/support/documentation/272-hikashop-display-by-color.html#custom)** to learn how to add custom css
**2.** In order to get your html class, use your browser **inspector tool**, point your element, then **right-click =&gt; Inspect**
**=&gt;** A new window will open and show you the html structure, and find your relative element class.
**3.** Build the required selector in order to target the correct html element.
**4.** Background-color **[ documentation](https://www.w3schools.com/css/css_background.asp)**.
Regards

Last edit: 2 years 3 weeks ago by [Philip](/forum/user/34318-philip "View Philip's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDg3NTMtY2hhbmdlLWNvbG91ci1vZi1hZGQtdG8tY2FydC1idXR0b24/dG1wbD1tYXJrZG93bg==) 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.051 seconds

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