Shopping Cart quantity field too wide

Start
Prev
1
Next
End

tandreas6
Topic Author
Offline

Posts: 20
Thank you received: 0

10 years 6 months ago #182206

-- url of the page with the problem -- : tam.tadesign.co/
-- HikaShop version -- : Essential 2.3.4
-- Joomla version -- : 3.3.6

Hi -
The Quantity text field is much too wide on my website, in the sidebar shopping cart. How/where do I edit this to make it smaller? Thank you!

Attachments:

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

lousyfool
Offline

Posts: 2143
Thank you received: 747

10 years 6 months ago #182239

Hi,

Your template is overriding the HikaShop CSS. To avoid it for this field, edit your HikaShop frontend_custom.css:

Around line 115, replace

.hikashop_product_quantity_field {
  width: 25px;
}

with

.hikashop_product_quantity_field {
  width: 25px !important;
}

Need help with customisations of layouts, style or other site development? PM me!
(Don't forget to turn on "E-mail notification of new messages" )

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

nicolas
Away

Posts: 83933
Thank you received: 13588
MODERATOR

10 years 6 months ago #182209

That's because of the CSS:

textarea, input, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
color: #6e6e6e;
background-color: #ffffff;
border: 1px solid #d5d5d5;
border-radius: 4px;
padding: 4px 8px;
margin: 0;
vertical-align: middle;
width: auto;
}

of your template. Remove the line width: auto; in that CSS code of your template and it will display normally.

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