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

#   change + and - for add quantity to card

##

- **[lexiboy](/forum/user/4931-lexiboy "View lexiboy's Profile")**
- [![lexiboy's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/gallery/frog.gif)](/forum/user/4931-lexiboy "View lexiboy's Profile") Topic Author
- [ Offline](/forum/user/4931-lexiboy)

Less More

- Posts: 7
- Thank you received: 0
-
-

14 years 10 months ago [\#32212](#32212) by [lexiboy](/forum/user/4931-lexiboy "View lexiboy's Profile")  *[change + and - for add quantity to card](/forum/4-how-to/32212-change-and-for-add-quantity-to-card#32212 "I want to change the layout of the plus and minus button that are used to change the quantity of product to add to the card. I want to either remove the underline from the + and -, or change them into graphics.  In what file can I find the code? Can I create a template for this of my own?  I found that the code is generated from functions called in quantity.php, but got stuck from there.")* was created by *[lexiboy](/forum/user/4931-lexiboy "View lexiboy's Profile")*

I want to change the layout of the plus and minus button that are used to change the quantity of product to add to the card. I want to either remove the underline from the + and -, or change them into graphics.

In what file can I find the code? Can I create a template for this of my own?

I found that the code is generated from functions called in quantity.php, but got stuck from there.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzMyMjEyLWNoYW5nZS1hbmQtZm9yLWFkZC1xdWFudGl0eS10by1jYXJkP3RtcGw9bWFya2Rvd24=) 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")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86290
- Thank you received: 14268
-
-

14 years 10 months ago [\#32252](#32252) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: change + and - for add quantity to card](/forum/4-how-to/32212-change-and-for-add-quantity-to-card#32252 "I want to change the layout of the plus and minus button that are used to change the quantity of product to add to the card. I want to either remove the underline from the + and -, or change them into graphics.  In what file can I find the code? Can I create a template for this of my own?  I found that the code is generated from functions called in quantity.php, but got stuck from there.")*

You can do all that with CSS. No need to edit any code. You can look with firebug at the CSS we use on our demo website where we changed the style of the + and - links:

.hikashop_product_quantity_main .hikashop_product_stock td a {
color: #14CBEC;
font-weight: bold;
background: url(../images/add_white_dot.png) no-repeat center;
padding-left: 15px;
padding-right: 15px;
padding-top: 3px;
padding-bottom: 3px;
margin-top: 3px;
}

The following user(s) said Thank You: [luizarios](/forum/user/3405-luizarios "View luizarios's Profile"), [lexiboy](/forum/user/4931-lexiboy "View lexiboy's Profile")

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

- **[QuantumView](/forum/user/994-quantumview "View QuantumView's Profile")**
- [![QuantumView's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/994-quantumview "View QuantumView's Profile")
- [ Offline](/forum/user/994-quantumview)

Less More

- Posts: 38
- Thank you received: 0
-
-

14 years 2 months ago [\#59235](#59235) by [QuantumView](/forum/user/994-quantumview "View QuantumView's Profile")  Replied by *[QuantumView](/forum/user/994-quantumview "View QuantumView's Profile")* on topic *[Re: change + and - for add quantity to card](/forum/4-how-to/32212-change-and-for-add-quantity-to-card#59235 "I want to change the layout of the plus and minus button that are used to change the quantity of product to add to the card. I want to either remove the underline from the + and -, or change them into graphics.  In what file can I find the code? Can I create a template for this of my own?  I found that the code is generated from functions called in quantity.php, but got stuck from there.")*

Hi,

Can you tell me how to remove the underline from under the + and - buttons?

Thank you,
Chris

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzMyMjEyLWNoYW5nZS1hbmQtZm9yLWFkZC1xdWFudGl0eS10by1jYXJkP3RtcGw9bWFya2Rvd24=) 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")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86290
- Thank you received: 14268
-
-

14 years 2 months ago -  14 years 2 months ago [\#59288](#59288) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: change + and - for add quantity to card](/forum/4-how-to/32212-change-and-for-add-quantity-to-card#59288 "I want to change the layout of the plus and minus button that are used to change the quantity of product to add to the card. I want to either remove the underline from the + and -, or change them into graphics.  In what file can I find the code? Can I create a template for this of my own?  I found that the code is generated from functions called in quantity.php, but got stuck from there.")*

You can add that CSS:

.hikashop_product_quantity_main .hikashop_product_stock td a, .hikashop_product_quantity_main .hikashop_product_stock td a:hover,.hikashop_product_quantity_main .hikashop_product_stock td a:visited{
text-decoration: none; }

Last edit: 14 years 2 months ago by [nicolas](/forum/user/63-nicolas "View nicolas's Profile").

The following user(s) said Thank You: [luizarios](/forum/user/3405-luizarios "View luizarios's Profile")

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

- **[QuantumView](/forum/user/994-quantumview "View QuantumView's Profile")**
- [![QuantumView's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/994-quantumview "View QuantumView's Profile")
- [ Offline](/forum/user/994-quantumview)

Less More

- Posts: 38
- Thank you received: 0
-
-

14 years 2 months ago [\#59346](#59346) by [QuantumView](/forum/user/994-quantumview "View QuantumView's Profile")  Replied by *[QuantumView](/forum/user/994-quantumview "View QuantumView's Profile")* on topic *[Re: change + and - for add quantity to card](/forum/4-how-to/32212-change-and-for-add-quantity-to-card#59346 "I want to change the layout of the plus and minus button that are used to change the quantity of product to add to the card. I want to either remove the underline from the + and -, or change them into graphics.  In what file can I find the code? Can I create a template for this of my own?  I found that the code is generated from functions called in quantity.php, but got stuck from there.")*

> nicolas wrote: You can add that CSS:
>
> .hikashop\_product\_quantity\_main .hikashop\_product\_stock td a, .hikashop\_product\_quantity\_main .hikashop\_product\_stock td a;hover,.hikashop\_product\_quantity\_main .hikashop\_product\_stock td a:visited{
> text-decoration: none; }

Thank you very much, it worked. Although I did have to change the first ; to a :

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

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

Less More

- Posts: 66
- Thank you received: 0
-
-

14 years 2 months ago [\#60071](#60071) by [luizarios](/forum/user/3405-luizarios "View luizarios's Profile")  Replied by *[luizarios](/forum/user/3405-luizarios "View luizarios's Profile")* on topic *[Re: change + and - for add quantity to card](/forum/4-how-to/32212-change-and-for-add-quantity-to-card#60071 "I want to change the layout of the plus and minus button that are used to change the quantity of product to add to the card. I want to either remove the underline from the + and -, or change them into graphics.  In what file can I find the code? Can I create a template for this of my own?  I found that the code is generated from functions called in quantity.php, but got stuck from there.")*

> QuantumView wrote:
>
> > nicolas wrote: You can add that CSS:
> >
> > .hikashop\_product\_quantity\_main .hikashop\_product\_stock td a, .hikashop\_product\_quantity\_main .hikashop\_product\_stock td a;hover,.hikashop\_product\_quantity\_main .hikashop\_product\_stock td a:visited{
> > text-decoration: none; }
>
>
> Thank you very much, it worked. Although I did have to change the first ; to a :

It worked for me and I did NOT have to change the ; to a, just copied and pasted Nicola's code and worked fine.

The only problem I see thou is that there is no space between the plus and minus

[ ![0708.JPG](/forum/attachment/5102) ](/forum/attachment/5102 "0708.JPG")

I tried to add a margin-bottom but it didn't work. I also tried to apply the margin-bottom to .hikashop_product_quantity_main .hikashop_product_stock .hikashop_product_quantity_field_change_plus td a{ but it didn't work ![:(](/media/kunena/emoticons/5.png ":(")

- [ ![0708.JPG](/forum/attachment/5102) ](/forum/attachment/5102 "0708.JPG") [ ](/forum/attachment/5102?download=1 "0708.JPG")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzMyMjEyLWNoYW5nZS1hbmQtZm9yLWFkZC1xdWFudGl0eS10by1jYXJkP3RtcGw9bWFya2Rvd24=) 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")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86290
- Thank you received: 14268
-
-

14 years 2 months ago [\#60131](#60131) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: change + and - for add quantity to card](/forum/4-how-to/32212-change-and-for-add-quantity-to-card#60131 "I want to change the layout of the plus and minus button that are used to change the quantity of product to add to the card. I want to either remove the underline from the + and -, or change them into graphics.  In what file can I find the code? Can I create a template for this of my own?  I found that the code is generated from functions called in quantity.php, but got stuck from there.")*

Try with that:
.hikashop_product_quantity_main .hikashop_product_stock td a, .hikashop_product_quantity_main .hikashop_product_stock td a:hover,.hikashop_product_quantity_main .hikashop_product_stock td a:visited{
padding: 5px; }

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

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

Less More

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

14 years 2 months ago [\#60136](#60136) by [mtangelcv](/forum/user/8285-mtangelcv "View mtangelcv's Profile")  Replied by *[mtangelcv](/forum/user/8285-mtangelcv "View mtangelcv's Profile")* on topic *[Re: change + and - for add quantity to card](/forum/4-how-to/32212-change-and-for-add-quantity-to-card#60136 "I want to change the layout of the plus and minus button that are used to change the quantity of product to add to the card. I want to either remove the underline from the + and -, or change them into graphics.  In what file can I find the code? Can I create a template for this of my own?  I found that the code is generated from functions called in quantity.php, but got stuck from there.")*

Where in code does one change the minus to an mdash (emdash)? It's so small on the screen.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzMyMjEyLWNoYW5nZS1hbmQtZm9yLWFkZC1xdWFudGl0eS10by1jYXJkP3RtcGw9bWFya2Rvd24=) 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")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86290
- Thank you received: 14268
-
-

14 years 2 months ago [\#60222](#60222) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: change + and - for add quantity to card](/forum/4-how-to/32212-change-and-for-add-quantity-to-card#60222 "I want to change the layout of the plus and minus button that are used to change the quantity of product to add to the card. I want to either remove the underline from the + and -, or change them into graphics.  In what file can I find the code? Can I create a template for this of my own?  I found that the code is generated from functions called in quantity.php, but got stuck from there.")*

You can change the line:

&lt;a id="hikashop_product_quantity_field_change_minus_'.$i.'" class="hikashop_product_quantity_field_change_minus hikashop_product_quantity_field_change" href="#" onclick="return hikashopQuantityChange(\'hikashop_product_quantity_field_'.$i.'\',0,'.$max_quantity.','.$min_quantity.');"&gt;-&lt;/a&gt;

to:

&lt;a id="hikashop_product_quantity_field_change_minus_'.$i.'" class="hikashop_product_quantity_field_change_minus hikashop_product_quantity_field_change" href="#" onclick="return hikashopQuantityChange(\'hikashop_product_quantity_field_'.$i.'\',0,'.$max_quantity.','.$min_quantity.');"&gt;&amp;mdash;&lt;/a&gt;

in the file administrator/components/com_hikashop/helper/cart.php

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

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

Less More

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

14 years 2 months ago [\#60520](#60520) by [mtangelcv](/forum/user/8285-mtangelcv "View mtangelcv's Profile")  Replied by *[mtangelcv](/forum/user/8285-mtangelcv "View mtangelcv's Profile")* on topic *[Re: change + and - for add quantity to card](/forum/4-how-to/32212-change-and-for-add-quantity-to-card#60520 "I want to change the layout of the plus and minus button that are used to change the quantity of product to add to the card. I want to either remove the underline from the + and -, or change them into graphics.  In what file can I find the code? Can I create a template for this of my own?  I found that the code is generated from functions called in quantity.php, but got stuck from there.")*

That worked well but now I'm forgetting where to turn down the style... where does one remove the block of color in style sheet? What am I looking for (besides my brain peanut gallery)...

[ ![HikaStyles.png](/forum/attachment/5188) ](/forum/attachment/5188 "HikaStyles.png")

- [ ![HikaStyles.png](/forum/attachment/5188) ](/forum/attachment/5188 "HikaStyles.png") [ ](/forum/attachment/5188?download=1 "HikaStyles.png")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzMyMjEyLWNoYW5nZS1hbmQtZm9yLWFkZC1xdWFudGl0eS10by1jYXJkP3RtcGw9bWFya2Rvd24=) 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")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86290
- Thank you received: 14268
-
-

14 years 2 months ago [\#60597](#60597) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: change + and - for add quantity to card](/forum/4-how-to/32212-change-and-for-add-quantity-to-card#60597 "I want to change the layout of the plus and minus button that are used to change the quantity of product to add to the card. I want to either remove the underline from the + and -, or change them into graphics.  In what file can I find the code? Can I create a template for this of my own?  I found that the code is generated from functions called in quantity.php, but got stuck from there.")*

Can you give a link to that page ?

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

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

[](#top)
