Layout + and - sign

  • Posts: 63
  • Thank you received: 4
  • Hikashop Business
3 years 10 months ago #315509

-- url of the page with the problem -- : nieuw.megiq.com/shop/vector-network-analyzers/vna-0440

URL: nieuw.megiq.com/shop/vector-network-analyzers/vna-0440
See also image with the red frame.
The plus sign and the minus sign are too far apart and both have to go up slightly.
How can I do that?

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 80502
  • Thank you received: 12830
  • MODERATOR
3 years 10 months ago #315523

Hi,

The issue comes from the CSS of your template.
Add such CSS on your website and it will display properly:

.hikashop_product_quantity_change_div_plus_default {
    line-height: 1;
}
monosnap.com/file/fl40u9jF0p5ik4q2OgwTwDJGfQaDFI
www.hikashop.com/support/documentation/1...ize-the-display.html

Please Log in or Create an account to join the conversation.

  • Posts: 63
  • Thank you received: 4
  • Hikashop Business
3 years 10 months ago #315537

Thanx.

Would it be possible to style the + and - sign like on the printscreen here below?
So the minus sign to the left and the plus sign to the right.

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 80502
  • Thank you received: 12830
  • MODERATOR
3 years 9 months ago #315547

Hi,

In the HikaShop configuration, you'll find the setting "quantity input method". If you select "show left and right", you'll actually get such display automatically.

Please Log in or Create an account to join the conversation.

  • Posts: 63
  • Thank you received: 4
  • Hikashop Business
3 years 9 months ago #315549

OK Thanx!

The following user(s) said Thank You: Philip

Please Log in or Create an account to join the conversation.

  • Posts: 63
  • Thank you received: 4
  • Hikashop Business
2 months 1 week ago #355392

URL with the problem: www.test.megiq.com/shop/vector-network-analyzers/vna-0460

In Joomla 3 this worked fine this setting:

In the HikaShop configuration, you'll find the setting "quantity input method". If you select "show left and right", you'll actually get such display automatically.


Now in Joomla 4 it does not anymore, see screenshot:


In Joomla 3 it looked like this:


How can I get the plus en minus sign again on one line?

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 4349
  • Thank you received: 587
  • MODERATOR
2 months 1 week ago #355395

Hello,

Thanks for your return, it seems indeed that there are some display issue.
On our side we have to add this css command :



In our default css frontend file, around line 563, you will find :
main .hikashop_product_quantity_div input.form-control, 
main .form-control.hikashop_product_quantity_field {
    max-width: 50px;
    padding: 3px 10px;
    display: inline-block;
}

And it seems that you have some custom css to remove or adjust from what we can see

Regards

Last edit: 2 months 1 week ago by Philip.
The following user(s) said Thank You: mlehr

Please Log in or Create an account to join the conversation.

Time to create page: 0.099 seconds
Powered by Kunena Forum