[Skip to main content](#vessel-content) # Change Add to cart text color ## - **[cristianciocoi](/forum/user/10712-cristianciocoi "View cristianciocoi's Profile")** - [![cristianciocoi's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar_2012-11-28.png)](/forum/user/10712-cristianciocoi "View cristianciocoi's Profile") Topic Author - [ Offline](/forum/user/10712-cristianciocoi) Less More - Posts: 12 - Thank you received: 0 - - - - [](http://gifter.ro) - 13 years 11 months ago [\#78878](#78878) by [cristianciocoi](/forum/user/10712-cristianciocoi "View cristianciocoi's Profile") *[Change Add to cart text color](/forum/4-how-to/76178-change-add-to-cart-text-color#78878 "Hi, I'm trying to change the color for the add to car text on the add to cart button using CSS button I wrote this code: the hover changes to white and bold while the normal does not change. The site is gifter.ro")* was created by *[cristianciocoi](/forum/user/10712-cristianciocoi "View cristianciocoi's Profile")* Hi, I'm trying to change the color for the add to car text on the add to cart button using CSS button I wrote this code: Code: a.hikashop_cart_button, a.hikashop_compare_button{ background-image:url(../images/button_up.jpg); margin-left:0px; color:#FFFFFF; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; padding:5px 30px 5px 8px; text-align:left; text-decoration:none; font-weight:bold cursor:pointer; float:left; white-space:nowrap; weight:128px; higt:25px; } a.hikashop_cart_button:hover, a.hikashop_compare_button:hover{ background-image:url(../images/button_down.jpg); margin-left:0px; color:#FFFFFF; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; padding:5px 30px 5px 8px; text-align:left; text-decoration:none; font-weight:bold cursor:pointer; float:left; white-space:nowrap; weight:128px; higt:25px; } the hover changes to white and bold while the normal does not change. The site is [ gifter.ro](http://gifter.ro) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzc2MTc4LWNoYW5nZS1hZGQtdG8tY2FydC10ZXh0LWNvbG9yP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Offline](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26394 - Thank you received: 4078 - - [](http://obsi.dev) - 13 years 11 months ago [\#78902](#78902) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Change Add to cart text color](/forum/4-how-to/76178-change-add-to-cart-text-color#78902 "Hi, I'm trying to change the color for the add to car text on the add to cart button using CSS button I wrote this code: the hover changes to white and bold while the normal does not change. The site is gifter.ro")* Hi, You can use a CSS inspector like explain in our FAQ [ www.hikashop.com/en/support/documentation/faq.html#css](http://www.hikashop.com/en/support/documentation/faq.html#css) It would help you about CSS styling. For example, thanks to the Firefox inspector (Ctrl+Maj+I), I am able to see which CSS file set which rule on a element. So, I saw that there is a rule in the file skin5.css which override the color of the "add to cart" button Code: \#bt_popup .bt_login_form #bt_login_title, div.productdetails-view div.product-price div.pricesalesprice, .moduletable h3 span.first-word, a:link, a:active, a:visited, #bt_error_message #bt_error_notice_text { color: rgb(255, 153, 0); } So, you have to use the "!important" keyword in order to set a higher priority level for the "color" rule for "a.hikashop_cart_button". Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzc2MTc4LWNoYW5nZS1hZGQtdG8tY2FydC10ZXh0LWNvbG9yP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. - **[cristianciocoi](/forum/user/10712-cristianciocoi "View cristianciocoi's Profile")** - [![cristianciocoi's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar_2012-11-28.png)](/forum/user/10712-cristianciocoi "View cristianciocoi's Profile") Topic Author - [ Offline](/forum/user/10712-cristianciocoi) Less More - Posts: 12 - Thank you received: 0 - - - - [](http://gifter.ro) - 13 years 11 months ago [\#79042](#79042) by [cristianciocoi](/forum/user/10712-cristianciocoi "View cristianciocoi's Profile") Replied by *[cristianciocoi](/forum/user/10712-cristianciocoi "View cristianciocoi's Profile")* on topic *[Change Add to cart text color](/forum/4-how-to/76178-change-add-to-cart-text-color#79042 "Hi, I'm trying to change the color for the add to car text on the add to cart button using CSS button I wrote this code: the hover changes to white and bold while the normal does not change. The site is gifter.ro")* I did that and works perfect on product listing, but now on the product page the button il larger, and on the add to cart pop-up i get buttons messed up. How can I fix them now? Thank you for your help! Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzc2MTc4LWNoYW5nZS1hZGQtdG8tY2FydC10ZXh0LWNvbG9yP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Offline](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26394 - Thank you received: 4078 - - [](http://obsi.dev) - 13 years 11 months ago [\#79072](#79072) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Change Add to cart text color](/forum/4-how-to/76178-change-add-to-cart-text-color#79072 "Hi, I'm trying to change the color for the add to car text on the add to cart button using CSS button I wrote this code: the hover changes to white and bold while the normal does not change. The site is gifter.ro")* Hi, Once again, it is a CSS missing rule for your specific template. I don't know if you see it but, in the product page, your image is repeating. So you have to add a rule to no repeat the background image. Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzc2MTc4LWNoYW5nZS1hZGQtdG8tY2FydC10ZXh0LWNvbG9yP3RtcGw9bWFya2Rvd24=) 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.086 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)