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

#   Qty and Add to Cart button overlap

##

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

Less More

- Posts: 32
- Thank you received: 0
-
-

14 years 11 months ago [\#30540](#30540) by [swlabhot](/forum/user/4478-swlabhot "View swlabhot's Profile")  *[Qty and Add to Cart button overlap](/forum/2-general-talk-about-hikashop/30540-qty-and-add-to-cart-button-overlap#30540 "The quantity and Add To Cart buttons are overlapping the =/- buttons.. How to space them out.  Also how to modify the positions of the product image and price?")* was created by *[swlabhot](/forum/user/4478-swlabhot "View swlabhot's Profile")*

The quantity and Add To Cart buttons are overlapping the ![=/](/irritated.gif "=/")- buttons.. How to space them out.

Also how to modify the positions of the product image and price?

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzMwNTQwLXF0eS1hbmQtYWRkLXRvLWNhcnQtYnV0dG9uLW92ZXJsYXA/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) 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: 86322
- Thank you received: 14281
-
-

14 years 11 months ago [\#30548](#30548) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Qty and Add to Cart button overlap](/forum/2-general-talk-about-hikashop/30540-qty-and-add-to-cart-button-overlap#30548 "The quantity and Add To Cart buttons are overlapping the =/- buttons.. How to space them out.  Also how to modify the positions of the product image and price?")*

You can add such CSS in the front end CSS file that you can edit via the Display tab of the configuration:

.hikashop_product_stock td{padding: 10px;}

The positions can be modified by editing the file "show" of the view "product" via the menu Display-&gt;Views.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzMwNTQwLXF0eS1hbmQtYWRkLXRvLWNhcnQtYnV0dG9uLW92ZXJsYXA/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation.

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

Less More

- Posts: 32
- Thank you received: 0
-
-

14 years 11 months ago [\#30565](#30565) by [swlabhot](/forum/user/4478-swlabhot "View swlabhot's Profile")  Replied by *[swlabhot](/forum/user/4478-swlabhot "View swlabhot's Profile")* on topic *[Re: Qty and Add to Cart button overlap](/forum/2-general-talk-about-hikashop/30540-qty-and-add-to-cart-button-overlap#30565 "The quantity and Add To Cart buttons are overlapping the =/- buttons.. How to space them out.  Also how to modify the positions of the product image and price?")*

Thats awesome. Many thanks.

I know I'm being a pain but I don't really know php. If I wanted to move the price to sit below the product thumbnail image, What code should I insert into the file 'show'?

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzMwNTQwLXF0eS1hbmQtYWRkLXRvLWNhcnQtYnV0dG9uLW92ZXJsYXA/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) 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: 86322
- Thank you received: 14281
-
-

14 years 11 months ago [\#30577](#30577) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Qty and Add to Cart button overlap](/forum/2-general-talk-about-hikashop/30540-qty-and-add-to-cart-button-overlap#30577 "The quantity and Add To Cart buttons are overlapping the =/- buttons.. How to space them out.  Also how to modify the positions of the product image and price?")*

You don't need to add any code.

You should move the code:
&lt;span id="hikashop_product_price_main" class="hikashop_product_price_main"&gt;
&lt;?php
if($this-&gt;params-&gt;get('show_price')){
$this-&gt;row =&amp; $this-&gt;element;
$this-&gt;setLayout('listing_price');
echo $this-&gt;loadTemplate();
}
?&gt;
&lt;/span&gt;

before the code:
&lt;/div&gt;
&lt;div id="hikashop_product_right_part" class="hikashop_product_right_part"&gt;

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzMwNTQwLXF0eS1hbmQtYWRkLXRvLWNhcnQtYnV0dG9uLW92ZXJsYXA/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation.

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

Less More

- Posts: 32
- Thank you received: 0
-
-

14 years 11 months ago [\#30638](#30638) by [swlabhot](/forum/user/4478-swlabhot "View swlabhot's Profile")  Replied by *[swlabhot](/forum/user/4478-swlabhot "View swlabhot's Profile")* on topic *[Re: Qty and Add to Cart button overlap](/forum/2-general-talk-about-hikashop/30540-qty-and-add-to-cart-button-overlap#30638 "The quantity and Add To Cart buttons are overlapping the =/- buttons.. How to space them out.  Also how to modify the positions of the product image and price?")*

Yes it works, u genius!

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzMwNTQwLXF0eS1hbmQtYWRkLXRvLWNhcnQtYnV0dG9uLW92ZXJsYXA/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation.

- **[usafadmin](/forum/user/4912-usafadmin "View usafadmin's Profile")**
- [![usafadmin's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4912.jpg)](/forum/user/4912-usafadmin "View usafadmin's Profile")
- [ Offline](/forum/user/4912-usafadmin)

Less More

- Posts: 19
- Thank you received: 0
-
-

14 years 10 months ago [\#32496](#32496) by [usafadmin](/forum/user/4912-usafadmin "View usafadmin's Profile")  Replied by *[usafadmin](/forum/user/4912-usafadmin "View usafadmin's Profile")* on topic *[Re: Qty and Add to Cart button overlap](/forum/2-general-talk-about-hikashop/30540-qty-and-add-to-cart-button-overlap#32496 "The quantity and Add To Cart buttons are overlapping the =/- buttons.. How to space them out.  Also how to modify the positions of the product image and price?")*

Extending upon this question, If I wanted to replace the "+" and "-" with graphics ( up/down arrows ) instead of text, where would I change that?

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzMwNTQwLXF0eS1hbmQtYWRkLXRvLWNhcnQtYnV0dG9uLW92ZXJsYXA/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) 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: 86322
- Thank you received: 14281
-
-

14 years 10 months ago [\#32523](#32523) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Qty and Add to Cart button overlap](/forum/2-general-talk-about-hikashop/30540-qty-and-add-to-cart-button-overlap#32523 "The quantity and Add To Cart buttons are overlapping the =/- buttons.. How to space them out.  Also how to modify the positions of the product image and price?")*

You can look at the point 3 of that thread for that:
[ www.hikashop.com/en/support/forum/4-how-...uration-problem.html](http://www.hikashop.com/en/support/forum/4-how-to/32418-diferent-paths-configuration-problem.html)

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzMwNTQwLXF0eS1hbmQtYWRkLXRvLWNhcnQtYnV0dG9uLW92ZXJsYXA/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation.

- **[usafadmin](/forum/user/4912-usafadmin "View usafadmin's Profile")**
- [![usafadmin's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4912.jpg)](/forum/user/4912-usafadmin "View usafadmin's Profile")
- [ Offline](/forum/user/4912-usafadmin)

Less More

- Posts: 19
- Thank you received: 0
-
-

14 years 10 months ago [\#32688](#32688) by [usafadmin](/forum/user/4912-usafadmin "View usafadmin's Profile")  Replied by *[usafadmin](/forum/user/4912-usafadmin "View usafadmin's Profile")* on topic *[Re: Qty and Add to Cart button overlap](/forum/2-general-talk-about-hikashop/30540-qty-and-add-to-cart-button-overlap#32688 "The quantity and Add To Cart buttons are overlapping the =/- buttons.. How to space them out.  Also how to modify the positions of the product image and price?")*

Thank you for your response. I've been able to manipulate the CSS for hikashop_product_quantity_field_change_plus and hikashop_product_quantity_field_change_minus, but the "+" and "-" are still being displayed ontop of my background image. I thought that it would be in one of the views files, but I was not able to locate the + and -.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzMwNTQwLXF0eS1hbmQtYWRkLXRvLWNhcnQtYnV0dG9uLW92ZXJsYXA/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation.

- **[usafadmin](/forum/user/4912-usafadmin "View usafadmin's Profile")**
- [![usafadmin's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4912.jpg)](/forum/user/4912-usafadmin "View usafadmin's Profile")
- [ Offline](/forum/user/4912-usafadmin)

Less More

- Posts: 19
- Thank you received: 0
-
-

14 years 10 months ago [\#32704](#32704) by [usafadmin](/forum/user/4912-usafadmin "View usafadmin's Profile")  Replied by *[usafadmin](/forum/user/4912-usafadmin "View usafadmin's Profile")* on topic *[Re: Qty and Add to Cart button overlap](/forum/2-general-talk-about-hikashop/30540-qty-and-add-to-cart-button-overlap#32704 "The quantity and Add To Cart buttons are overlapping the =/- buttons.. How to space them out.  Also how to modify the positions of the product image and price?")*

[ www.themetrocashcard.com/organization-sample-ecard](http://www.themetrocashcard.com/organization-sample-ecard) is the URL that this is in reference to.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzMwNTQwLXF0eS1hbmQtYWRkLXRvLWNhcnQtYnV0dG9uLW92ZXJsYXA/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) 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: 86322
- Thank you received: 14281
-
-

14 years 10 months ago [\#32742](#32742) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Qty and Add to Cart button overlap](/forum/2-general-talk-about-hikashop/30540-qty-and-add-to-cart-button-overlap#32742 "The quantity and Add To Cart buttons are overlapping the =/- buttons.. How to space them out.  Also how to modify the positions of the product image and price?")*

You can also hide the + and - with CSS.
Like that for example:
\#hikashop_product_quantity_field_change_plus, #hikashop_product_quantity_field_change_minus{
color: transparent;
}

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzMwNTQwLXF0eS1hbmQtYWRkLXRvLWNhcnQtYnV0dG9uLW92ZXJsYXA/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation.

- **[usafadmin](/forum/user/4912-usafadmin "View usafadmin's Profile")**
- [![usafadmin's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4912.jpg)](/forum/user/4912-usafadmin "View usafadmin's Profile")
- [ Offline](/forum/user/4912-usafadmin)

Less More

- Posts: 19
- Thank you received: 0
-
-

14 years 10 months ago [\#32762](#32762) by [usafadmin](/forum/user/4912-usafadmin "View usafadmin's Profile")  Replied by *[usafadmin](/forum/user/4912-usafadmin "View usafadmin's Profile")* on topic *[Re: Qty and Add to Cart button overlap](/forum/2-general-talk-about-hikashop/30540-qty-and-add-to-cart-button-overlap#32762 "The quantity and Add To Cart buttons are overlapping the =/- buttons.. How to space them out.  Also how to modify the positions of the product image and price?")*

Perfect, thank you very much!!

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzMwNTQwLXF0eS1hbmQtYWRkLXRvLWNhcnQtYnV0dG9uLW92ZXJsYXA/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) 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.139 seconds

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