change + and - for add quantity to card

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;
}

Hi,

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

Thank you,
Chris

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; }

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 :

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




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

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; }

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

You can change the line:

<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.');">-</a>


to:

<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.');">&mdash;</a>

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

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)...

Can you give a link to that page ?